.card{max-width:fit-content;gap:1rem}.card,.card ul{display:flex;flex-direction:column;align-content:center;justify-content:center}.card ul{padding:1rem;list-style:none;gap:5px;align-items:center;flex-wrap:wrap}.card ul li{cursor:pointer}.svg{transition:all .3s;padding:12px;height:50px;width:50px;color:#708090;fill:currentColor}.iso-pro{transition:.5s}.iso-pro:hover a>.svg{transform:translate(15px,-15px);border-radius:100%;box-shadow:inset 0 0 20px hsla(0,0%,100%,.3),inset 0 0 5px hsla(0,0%,100%,.3),0 5px 5px rgba(0,0,0,.164);color:#fff;text-shadow:0 0 10px #fff}.iso-pro:hover .svg{transform:translate(5px,-5px)}.iso-pro span{opacity:0;position:absolute;color:#1877f2;border-color:#1877f2;box-shadow:inset 0 0 20px hsla(0,0%,100%,.3),inset 0 0 5px hsla(0,0%,100%,.5),0 5px 5px rgba(0,0,0,.164);border-radius:50%;transition:all .3s;height:50px;width:50px}.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)}