Button by SevenAJJY
#e8e8e8
1.btn { 2 --main-color: #ffce06; 3 --main-alt-color: #fff696; 4 height: 44px; 5 font-size: 16px!important; 6 line-height: 44px; 7 font-weight: 700; 8 color: #3f5cc3; 9 text-shadow: 0 1px 1px #fff8c4; 10 text-transform: uppercase; 11 text-align: center; 12 -webkit-box-shadow: rgb(99 121 133 / 14%) 0 0 0 4px; 13 box-shadow: rgb(99 121 133 / 14%) 0 0 0 4px; 14 border-radius: 4px; 15 border: none; 16 border-top: 1px solid var(--main-alt-color); 17 border-bottom: 1px solid var(--main-color); 18 background-color: var(--main-color); 19 outline: 0; 20 cursor: pointer; 21 margin: 0 0 5px 4px; 22 padding: 0 20px; 23 transition: transform .3s ease; 24} 25 26.btn:hover { 27 border-top-color: var(--main-alt-color); 28 border-bottom-color: var(--main-color); 29 background: -webkit-gradient(linear, left top, left bottom, from(#fae811), to(#f5d604)); 30} 31 32.btn:active { 33 transform: scale(0.7); 34} 35
416 views
416 views
MIT License