#212121
1.custom-btn { 2 width: 130px; 3 height: 40px; 4 color: #fff; 5 border-radius: 5px; 6 padding: 10px 25px; 7 font-family: 'Lato', sans-serif; 8 font-weight: 500; 9 background: transparent; 10 cursor: pointer; 11 transition: all 0.3s ease; 12 position: relative; 13 display: inline-block; 14 box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 15 7px 7px 20px 0px rgba(0,0,0,.1), 16 4px 4px 5px 0px rgba(0,0,0,.1); 17 outline: none; 18} 19 20.btn-1 { 21 background: rgb(6,14,131); 22 background: linear-gradient(0deg, rgba(6,14,131,1) 0%, rgba(12,25,180,1) 100%); 23 border: none; 24} 25 26.btn-1:hover { 27 background: rgb(0,3,255); 28 background: linear-gradient(0deg, rgb(0, 17, 255) 0%, rgba(2,126,251,1) 100%); 29}
5.6K views
5.6K views
Comments
MIT License