.card{display:flex;height:40px;width:150px}.card svg{position:absolute;display:flex;width:60%;height:100%;font-size:15px;font-weight:700;opacity:1;transition:opacity .25s;z-index:2;cursor:pointer}.card .social-link1,.card .social-link2,.card .social-link3,.card .social-link4{position:relative;display:flex;align-items:center;justify-content:center;width:25%;color:whitesmoke;font-size:15px;text-decoration:none;transition:.25s;border-radius:50px}.card svg{transform:scale(1)}.card .social-link1:hover{background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1);animation:bounce_613 .4s linear}.card .social-link2:hover{background-color:#00ccff;animation:bounce_613 .4s linear}.card .social-link3:hover{background-color:#c61d1d;animation:bounce_613 .4s linear}.card .social-link4:hover{background-color:#12a50b;animation:bounce_613 .4s linear}@keyframes bounce_613{40%{transform:scale(1.4)}60%{transform:scale(.8)}80%{transform:scale(1.2)}to{transform:scale(1)}}