Button by Codecite
#e8e8e8
1.anchor { 2 text-decoration: none; 3 color: #fff; 4 display: inline-block; 5 font-family: sans-serif; 6 font-weight: 600; 7 border-radius: 50px; 8 border: 2px solid #ed553b; 9 padding: 14px 40px 13px; 10 overflow: hidden; 11 position: relative; 12} 13 14.anchor:hover { 15 color: #4e484a; 16} 17 18.button a::before { 19 position: absolute; 20 content: ""; 21 z-index: 0; 22 background-color: #ed553b; 23 left: -5px; 24 right: -5px; 25 bottom: -5px; 26 height: 111%; 27 transition: all .3s ease; 28} 29 30.button a:hover::before { 31 height: 11%; 32} 33 34.button span { 35 position: relative; 36 z-index: 2; 37 transition: all .3s ease; 38}
646 views
646 views
MIT License