Button by stlyash
#e8e8e8
1.redes { 2 width: 80px; 3 height: auto; 4 display: flex; 5 flex-direction: column; 6} 7 8.redes a { 9 display: flex; 10 justify-content: center; 11 align-items: center; 12 width: 100%; 13 height: 40px; 14 transition: all 0.2s ease-in-out; 15} 16 17.redes a svg { 18 width: 30px; 19 fill: #ffffff; 20} 21 22.redes .discord { 23 background-color: rgb(0, 60, 255); 24 border-radius: 0 0 10px 0; 25} 26 27.redes .instagram { 28 background: linear-gradient(45deg, #833ab4, #fd1d1d, #f56040); 29 border-radius: 0 10px 0 0; 30} 31 32.redes .github { 33 background-color: rgb(24, 22, 22); 34} 35 36.redes .twitter { 37 background-color: #000000; 38} 39 40.redes .facebook { 41 background-color: #006aff; 42} 43 44.redes a:hover { 45 width: 130%; 46 border-radius: 0 10px 10px 0; 47} 48
752 views
Variation of abutton
MIT License