/* HTML */ <a href="#"><button class="button-11" role="button">Good Morning</button></a> /* CSS */ .button-11 { background-color: #fbeee0; border: 2px solid #422800; border-radius: 30px; box-shadow: #422800 4px 4px 0 0; color: #422800; cursor: pointer; display: inline-block; font-weight: 600; font-size: 18px; padding: 0 18px; line-height: 50px; text-align: center; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; } .button-11:hover { background-color: #fff; } .button-11:active { box-shadow: #422800 2px 2px 0 0; transform: translate(2px, 2px); }
0 Comments