#e8e8e8
1button { 2 appearance: none; 3 background-color: transparent; 4 border: 0.125em solid #1A1A1A; 5 border-radius: 0.9375em; 6 box-sizing: border-box; 7 color: #3B3B3B; 8 cursor: pointer; 9 display: inline-block; 10 font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 11 font-size: 16px; 12 font-weight: 600; 13 line-height: normal; 14 margin: 0; 15 min-height: 3.75em; 16 min-width: 0; 17 outline: none; 18 padding: 1em 2.3em; 19 text-align: center; 20 text-decoration: none; 21 transition: all 300ms cubic-bezier(.23, 1, 0.32, 1); 22 user-select: none; 23 -webkit-user-select: none; 24 touch-action: manipulation; 25 will-change: transform; 26} 27 28button:disabled { 29 pointer-events: none; 30} 31 32button:hover { 33 color: #fff; 34 background-color: #1A1A1A; 35 box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px; 36 transform: translateY(-2px); 37} 38 39button:active { 40 box-shadow: none; 41 transform: translateY(0); 42}
12K views
12K views
Comments
Variations
1 MIT License