.btn {
    max-width: fit-content;
    color: var(--color__white);
    border-radius: 999px;
    padding: 1.2rem 2.4rem;
    transition: var(--transition__default) ease-in-out;
}

.btn--red {
    background-color: var(--color__unipap-red-01);
    border: 1px solid var(--color__unipap-red-01);
}

.btn--red:hover {
    color: var(--color__unipap-red-01);
    background-color: var(--color__white);
}

.btn--red:focus-visible {
    color: var(--color__unipap-red-01);
    outline: 1px solid var(--color__white);
    background-color: var(--color__white);
}

.btn--transparent {
    background-color: transparent;
    border: 1px solid var(--color__white);
}

.btn--transparent:hover {
    color: var(--color__unipap-red-01);
    background-color: var(--color__white);
}

.btn--transparent:focus-visible {
    color: var(--color__unipap-red-01);
    outline: 1px solid var(--color__white);
    background-color: var(--color__white);
}