.social-cards{flex-wrap:wrap;justify-content:center;align-items:center;width:14em;display:flex;position:relative}.social-cards .sc-back{z-index:-2;background:linear-gradient(270deg,#03a9f4,#cc39a4,#ffb5d2);border-radius:10px;width:11em;height:11em;transition:opacity .4s ease-in-out;position:absolute;transform:rotate(90deg);box-shadow:inset 0 0 180px 5px #fff}.social-cards .sc-card{-webkit-backdrop-filter:blur(5px);background:#ffffff98;border:1px solid #0000;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s ease-in-out,background-color .2s ease-in-out;display:flex}.social-cards .sc-card svg{opacity:0;transition:all .2s ease-in-out}.social-cards .sc-card:first-child{border-top-left-radius:10px}.social-cards .sc-card:nth-child(3){border-top-right-radius:10px}.social-cards .sc-card:nth-child(4){border-bottom-left-radius:10px}.social-cards .sc-card:nth-child(5){border-bottom-right-radius:10px}.social-cards .sc-instagram svg{fill:#cc39a4}.social-cards .sc-facebook svg{fill:#1877f2}.social-cards .sc-tiktok svg{fill:#111}.social-cards .sc-patreon svg{fill:#f96854}.social-cards .sc-youtube svg{fill:red}.social-cards .sc-text{color:#000;text-align:center;letter-spacing:.33em;z-index:3;pointer-events:none;font-size:.7em;font-weight:700;transition:all .4s ease-in-out;position:absolute}.social-cards:hover,.social-cards.is-active{cursor:pointer}.social-cards:hover .sc-back,.social-cards.is-active .sc-back{opacity:0}.social-cards:hover .sc-card,.social-cards.is-active .sc-card{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;margin:.2em;box-shadow:0 4px 30px #0000001a}.social-cards:hover .sc-text,.social-cards.is-active .sc-text{opacity:0;z-index:-3}.social-cards:hover .sc-card svg,.social-cards.is-active .sc-card svg{opacity:1}.social-cards .sc-instagram:hover{background-color:#cc39a4}.social-cards .sc-facebook:hover{background-color:#1877f2}.social-cards .sc-tiktok:hover{background-color:#111}.social-cards .sc-patreon:hover{background-color:#f96854}.social-cards .sc-youtube:hover{background-color:red}.social-cards .sc-card:hover svg{fill:#fff}