.social-icons-container{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:15px}@media (min-width:768px){.social-icons-container{justify-content:flex-start}}.social-icon-wrapper{width:40px;height:40px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:all .3s cubic-bezier(.68,.85,.265,1.85);border-radius:8px;margin:0 5px;cursor:pointer;box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.3),0 0 5px rgba(0,0,0,.2)}.social-icon-wrapper:hover{background-color:#fff;background-position:-100px 100px,-100px 100px;transform:perspective(180px) rotateX(60deg) translateY(2px)}.social-icon-wrapper.instagram:hover{box-shadow:0 10px 15px #e4405f}.social-icon-wrapper.linkedin:hover{box-shadow:0 10px 15px #0077b5}.social-icon-wrapper.twitter:hover{box-shadow:0 10px 15px #000}.social-icon-wrapper.facebook:hover{box-shadow:0 10px 15px #1877f2}.social-icon-button{cursor:pointer;width:100%;height:100%;border:none;background-color:transparent;font-size:20px;transition:all .4s cubic-bezier(.68,-.55,.265,1.35);display:flex;justify-content:center;align-items:center;border-radius:8px}.social-icon-wrapper:hover>.social-icon-button{transform:translate3d(0,20px,30px) perspective(80px) rotateX(-60deg) translateY(2px) translateZ(10px) scale(.6)}.social-icon-button svg{width:28px;height:28px;transition:all .3s ease}.social-icon-wrapper:hover .social-icon-button svg{color:#333}.dark .social-icon-wrapper{box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.2),0 0 5px hsla(0,0%,100%,.1)}.dark .social-icon-wrapper:hover{background-color:hsla(0,0%,100%,.15)}.dark .social-icon-wrapper:hover .social-icon-button svg{color:#fff}