.floating-socials{z-index:30;position:fixed;bottom:1.2rem;right:1.2rem}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;place-content:center;gap:.6rem;max-width:fit-content;padding:.2rem .4rem;transition:all .4s;display:flex;box-shadow:inset 0 0 12px #ffffff2e,inset 0 0 3px #ffffff38,0 3px 3px #00000021}.card:hover{background:#adadad0d;animation:none}.card ul{flex-flow:column wrap;place-content:center;align-items:center;gap:.5rem;padding:.4rem;list-style:none;display:flex}.card ul li{cursor:pointer}.svg{color:#ffae00;fill:currentColor;border-radius:100%;width:36px;height:36px;padding:.5rem;transition:all .3s;box-shadow:inset 0 0 10px #ffffff40,inset 0 0 2px #ffffff59,0 2px 2px #0000001a}.text{opacity:0;color:#ffae00;z-index:31;background-color:#ffffff4d;border-radius:5px;padding:5px;transition:all .3s;position:absolute;box-shadow:-5px 0 1px #9993,-10px 0 1px #9993,inset 0 0 20px #ffffff4d,inset 0 0 5px #ffffff80,0 5px 5px #00000015}.iso-pro{transition:all .5s;position:relative}.iso-pro:hover a>.svg{border-radius:100%;transform:translate(15px,-15px)}.iso-pro:hover .text{opacity:1;transform:translate(25px,-2px)skew(-5deg)}.iso-pro:hover .svg{transform:translate(5px,-5px)}.iso-pro span{opacity:0;color:#1877f2;border-color:#1877f2;border-radius:50%;width:36px;height:36px;transition:all .3s;position:absolute;box-shadow:inset 0 0 10px #ffffff40,inset 0 0 2px #ffffff59,0 2px 2px #0000001a}.iso-pro:hover span{opacity:1}.iso-pro:hover span:first-child{opacity:.2}.iso-pro:hover span:nth-child(2){opacity:.4;transform:translate(5px,-5px)}.iso-pro:hover span:nth-child(3){opacity:.6;transform:translate(10px,-10px)}