Button by hannahyockel
#e8e8e8
1button { 2 display: flex; 3 flex-direction: row; 4 justify-content: center; 5 align-items: center; 6 padding: 15px 38px; 7 border-radius: 16px; 8 border: 1px solid transparent; 9 color: #FFFFFF; 10 background-color: #1DC9A0; 11 font-size: 16px; 12 letter-spacing: 1px; 13 transition: all 0.15s linear; 14} 15 16button:hover { 17 background-color: rgba(29, 201, 160, 0.08); 18 border-color: #1DC9A0; 19 color: #1DC9A0; 20 transform: translateY(-5px) scale(1.05); 21} 22 23button:active { 24 background-color: transparent; 25 border-color: #1DC9A0; 26 color: #1DC9A0; 27 transform: translateY(5px) scale(0.95); 28} 29 30button:disabled { 31 background-color: rgba(255, 255, 255, 0.16); 32 color: #8E8E93; 33 border-color: #8E8E93; 34}
2.1K views
2.1K views
MIT License