Sonar rebrand
Login Screen Rounded Button
Button Example
CSS code
.button {
background-color: #7e3e92;
border: none;
border-radius: 4px;
color: white;
padding: 10px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
box-shadow: 0 2px #570a40;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.button:hover {
background-color: #f8a554;
box-shadow: 0 2px #b3682a;
color: black;
}
.button:active {
background-color: #f8a554;
box-shadow: 0 2px #b3682a;
transform: translateY(2px);