971 views
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 text-align: center; 13 margin-right: 0.5rem; 14 display: inline-flex; 15 align-items: center; 16 border: none; 17} 18 19.button:hover { 20 background-color: #333; 21} 22 23.button svg { 24 display: inline; 25 width: 1.3rem; 26 height: 1.3rem; 27 margin-right: 0.75rem; 28 color: white; 29} 30 31.button:focus svg { 32 animation: spin_357 0.5s linear; 33} 34 35@keyframes spin_357 { 36 from { 37 transform: rotate(0deg); 38 } 39 40 to { 41 transform: rotate(360deg); 42 } 43} 44 45
MIT License