From Uiverse.io by MijailVillegas .card{flex-direction:column;place-content:center;gap:1rem;max-width:fit-content;display:flex}.card:hover{background:#adadad0d;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:#ffae00;fill:currentColor;border-radius:100%;width:40px;height:40px;padding:.5rem;transition:all .3s;box-shadow:inset 0 0 20px #ffffff4d,inset 0 0 5px #ffffff80,0 5px 5px #0000002a}.text{opacity:0;color:#ffae00;z-index:9999;background-color:#ffffff4d;border-radius:4px;padding:4px;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}.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 #ffffff4d,inset 0 0 5px #ffffff80,0 5px 5px #0000002a}.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)}