Build and style CSS buttons visually. See default, hover and active states at the same time.
.button {
background: #4B5BCD;
color: #FFFFFF;
border: 2px solid #4B5BCD;
border-radius: 8px;
padding: 10px 24px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: background 0.15s;
}
.button:hover { background: #4452b9; }
.button:active { background: #3c49a4; transform: scale(0.98); }