20 lines
611 B
CSS
20 lines
611 B
CSS
.button {
|
|
color: var(--button-text, var(--color-dark));
|
|
background-color: var(--button-bg, var(--color-light));
|
|
border: 2px solid var(--button-border, var(--color-dark));
|
|
border-radius: var(--border-radius);
|
|
display: inline-block;
|
|
font: inherit;
|
|
padding: 0.3em 1em;
|
|
font-weight: 700;
|
|
transition-property: background-color, border;
|
|
transition-duration: var(--transition-duration);
|
|
transition-timing-function: var(--transition-timing);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button:hover {
|
|
--button-bg: var(--color-dark);
|
|
--button-text: var(--color-light);
|
|
--button-border: var(--color-dark);
|
|
}
|