.list{gap:25px}.list li{position:relative;list-style:none;width:35px;height:35px;border-radius:35px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 25px rgba(0,0,0,.1019607843);transition:.5s}.list li svg{width:100%;height:100%}.list li:before{content:"";position:absolute;inset:0;border-radius:50px;background:#001220;opacity:0;transition:.5s}.list li:hover{width:100px;box-shadow:0 10px 25px rgba(0,0,0,0)}.list li:hover:before{opacity:1}.list li:hover:after{opacity:.5}.list li:hover i{transform:scale(0);width:1.5em;transition-delay:.25s}.list li:hover .titulo{transform:scale(1);transition-delay:.25s}.list li:hover.facebook,.list li:hover.linkedin,.list li:hover.whatsapp{width:170px}.list li span{position:absolute}.list li .titulo{color:#fff;font-size:1.1em!important;text-transform:uppercase;letter-spacing:.1em;transform:scale(0);font-size:1.5em;transition-delay:.25s}.list li:after{content:"";position:absolute;top:10px;width:100%;height:100%;border-radius:40px;background-color:#001220;opacity:0;transition:.5s;filter:blur(15px)}.list li i{width:1.2em!important;height:1.2em!important;transition:.5s;transition-delay:.25s;display:block}@media(prefers-color-scheme:dark){.list li{box-shadow:0 10px 25px hsla(0,0%,100%,.1)}.list li:after,.list li:before{background:#fbae3c}.list li:hover{box-shadow:0 10px 25px rgba(251,174,60,.35)}.list li:hover svg{fill:#001220}.list li svg{fill:#e8e6e3}.list li .titulo{color:#001220}}