#212121
1button { 2 padding: 0.1em 0.25em; 3 width: 13em; 4 height: 4.2em; 5 background-color: #212121; 6 border: 0.08em solid #fff; 7 border-radius: 0.3em; 8 font-size: 12px; 9} 10 11button span { 12 position: relative; 13 display: flex; 14 justify-content: center; 15 align-items: center; 16 bottom: 0.4em; 17 width: 8.25em; 18 height: 2.5em; 19 background-color: #212121; 20 border-radius: 0.2em; 21 font-size: 1.5em; 22 color: #fff; 23 border: 0.08em solid #fff; 24 box-shadow: 0 0.4em 0.1em 0.019em #fff; 25} 26 27button span:hover { 28 transition: all 0.5s; 29 transform: translate(0, 0.4em); 30 box-shadow: 0 0 0 0 #fff; 31} 32 33button span:not(hover) { 34 transition: all 1s; 35} 36 37
Comments
MIT License