Button by RenouxM
This button was created for Button Mastery
#212121
1.button { 2 box-sizing: border-box; 3 cursor: pointer; 4 padding: 0; 5 display: flex; 6 justify-content: center; 7 align-items: center; 8 margin: 50px auto; 9 background-color: rgb(245, 134, 161); 10 font-family: arial; 11 font-size: 20px; 12 font-weight: bold; 13 border: none; 14 width: 280px; 15 height: 90px; 16 border-radius: 12px; 17} 18.front { 19 display: block; 20 padding: 28px 80px; 21 border-radius: 12px; 22 font-size: 1.25rem; 23 background: rgb(245, 74, 117); 24 transform: translateY(-4px); 25} 26.button:focus:not(:focus-visible) { 27 outline: none; 28} 29
47 views
47 views
MIT License