Button by JaydipPrajapati1910
#e8e8e8
1.button { 2 color: white; 3 background-color: #222; 4 font-weight: 500; 5 border-radius: 0.5rem; 6 font-size: 1rem; 7 line-height: 2rem; 8 padding-left: 2rem; 9 padding-right: 2rem; 10 padding-top: 0.7rem; 11 padding-bottom: 0.7rem; 12 cursor: pointer; 13 text-align: center; 14 margin-right: 0.5rem; 15 display: inline-flex; 16 align-items: center; 17 border: none; 18} 19 20.button:hover { 21 background-color: #333; 22} 23 24.button svg { 25 display: inline; 26 width: 1.3rem; 27 height: 1.3rem; 28 margin-right: 0.75rem; 29 color: white; 30} 31 32.button:focus svg { 33 animation: spin_357 0.5s linear; 34} 35 36@keyframes spin_357 { 37 from { 38 transform: rotate(0deg); 39 } 40 41 to { 42 transform: rotate(360deg); 43 } 44} 45
9.1K views
9.1K views
MIT License