Button by kamehame-ha
#e8e8e8
1.button { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5 padding: 10px 15px; 6 gap: 15px; 7 background-color: #007ACC; 8 outline: 3px #007ACC solid; 9 outline-offset: -3px; 10 border-radius: 5px; 11 border: none; 12 cursor: pointer; 13 transition: 400ms; 14} 15 16.button .text { 17 color: white; 18 font-weight: 700; 19 font-size: 1em; 20 transition: 400ms; 21} 22 23.button svg path { 24 transition: 400ms; 25} 26 27.button:hover { 28 background-color: transparent; 29} 30 31.button:hover .text { 32 color: #007ACC; 33} 34 35.button:hover svg path { 36 fill: #007ACC; 37}
7.2K views
7.2K views
Variations
2449 views
MIT License