.card{justify-content:center;align-items:center;gap:20px;width:fit-content;height:fit-content;padding:25px;display:flex}.socialContainer{background-color:#2c2c2c;border-radius:40px;justify-content:center;align-items:center;width:100px;height:60px;transition-duration:.3s;display:flex;overflow:hidden}.containerOne:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);transition-duration:.3s}.containerTwo:hover{background-color:#3b5998;transition-duration:.3s}.containerThree:hover{background-color:#c4302b;transition-duration:.3s}.socialContainer:active{transition-duration:.3s;transform:scale(.9)}.socialSvg{width:30px}.socialSvg path{fill:#fff}.socialContainer:hover .socialSvg{animation:.3s both slide-in-top}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}