.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;flex-direction:column;place-content:center;gap:1rem;max-width:-moz-fit-content;max-width:fit-content;transition:all .5s;display:flex;box-shadow:inset 0 0 20px rgba(255,255,255,.192),inset 0 0 5px rgba(255,255,255,.275),0 5px 5px rgba(0,0,0,.165)}.card:hover{background:rgba(173,173,173,.05);animation:none}.card ul{flex-flow:column wrap;place-content:center;align-items:center;gap:1rem;padding:1rem;list-style:none;display:flex}.card ul li{cursor:pointer}.svg{color:#009da2;fill:currentColor;border-radius:100%;width:60px;height:60px;padding:1rem;transition:all .3s;box-shadow:inset 0 0 20px rgba(255,255,255,.3),inset 0 0 5px rgba(255,255,255,.5),0 5px 5px rgba(0,0,0,.165)}.text{opacity:0;color:#009da2;z-index:9999;background-color:rgba(255,255,255,.3);border-radius:5px;padding:5px;font-weight:700;transition:all .3s;position:absolute;box-shadow:-5px 0 1px rgba(153,153,153,.2),-10px 0 1px rgba(153,153,153,.2),inset 0 0 20px rgba(255,255,255,.3),inset 0 0 5px rgba(255,255,255,.5),0 5px 5px rgba(0,0,0,.082)}.iso-pro{transition:all .5s}.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:60px;height:60px;transition:all .3s;position:absolute;box-shadow:inset 0 0 20px rgba(255,255,255,.3),inset 0 0 5px rgba(255,255,255,.5),0 5px 5px rgba(0,0,0,.165)}.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)}
