.social-card{background-color:#eee;border-radius:8px;justify-content:center;align-items:center;gap:20px;width:fit-content;height:fit-content;padding:25px;display:flex;box-shadow:0 0 20px #0000000e}.socialContainer{background-color:#2c2c2c;border-radius:5px;justify-content:center;align-items:center;width:52px;height:52px;transition-duration:.3s;display:flex;overflow:hidden}.containerOne:hover{background-color:#d62976;transition-duration:.3s}.containerTwo:hover{background-color:#25f4ee;transition-duration:.3s}.containerThree:hover{background-color:#1877f2;transition-duration:.3s}.containerFour:hover{background-color:green;transition-duration:.3s}.socialContainer:active{transition-duration:.3s;transform:scale(.9)}.socialSvg{width:19px}.largeIcon{width:27px}.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)}}