42 lines
1.2 KiB
CSS
42 lines
1.2 KiB
CSS
|
.button-primary-solid {
|
||
|
|
background-color: var(--color-primary);
|
||
|
|
color: var(--color-secondary-200);
|
||
|
|
border: 1px solid var(--color-primary);
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-family: "Anta", serif;
|
||
|
|
font-style: normal;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
font-weight: 600;
|
||
|
|
padding: 4px 16px 2px 16px;
|
||
|
|
}
|
||
|
|
.button-primary-outline {
|
||
|
|
background-color: var(--color-background);
|
||
|
|
color: var(--color-primary);
|
||
|
|
border: 1px solid var(--color-primary);
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-family: "Anta", serif;
|
||
|
|
font-style: normal;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
font-weight: 600;
|
||
|
|
padding: 4px 16px 2px 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-secondary-solid {
|
||
|
|
background-color: var(--color-secondary);
|
||
|
|
color: var(--color-primary);
|
||
|
|
border: 1px solid var(--color-secondary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-accent-solid {
|
||
|
|
background-color: var(--color-accent-blue);
|
||
|
|
color: var(--color-secondary-900);
|
||
|
|
border: 1px solid var(--color-accent-blue);
|
||
|
|
}
|
||
|
|
.button-accent-outline {
|
||
|
|
background-color: var(--color-background);
|
||
|
|
color: var(--color-accent-blue);
|
||
|
|
border: 1px solid var(--color-accent-blue);
|
||
|
|
}
|
||
|
|
.button-accent-outline:hover {
|
||
|
|
background-color: var(--color-background-400);
|
||
|
|
}
|