Button by mostafabazyar
#e8e8e8
1button { 2 position: relative; 3 margin: 1rem; 4 z-index: 2; 5 border-radius: 8px; 6 appearance: none; 7 padding: 1em 2em; 8 transition: all 0.2s; 9} 10 11button { 12 padding: 1.2rem; 13 position: relative; 14 z-index: 1; 15} 16 17button::before { 18 content: "6"; 19 position: absolute; 20 display: flex; 21 top: -0.75em; 22 right: -0.75em; 23 height: 1.8em; 24 width: 1.8em; 25 justify-content: center; 26 align-items: center; 27 border-radius: 50%; 28 background-color: red; 29 color: white; 30 z-index: 999; 31 transition: all 0.2s; 32} 33 34button:hover { 35 border-radius: 3px; 36 border-color: red; 37} 38 39button:hover::before { 40 height: 2em; 41 width: 2em; 42 font-size: 1.5em; 43}
1.3K views
1.3K views
MIT License