.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);
}