@import url('variables.css');

.link--affiliate {
    color: var(--pink-color);
    background-color: var(--white-color);
    border: 1px solid var(--pink-color);
    max-width: 95%;
}
@media (max-width: 1038px) {
    .link--affiliate {
        /* Max width based on the affialiate button lengthier text
        "Avantages avec le Club Yonder".
        This value should reflect any modification to that text */
        max-width: 300px;
    }
}
.link--affiliate:hover,
.link--affiliate:focus {
    color: var(--white-color);
    background-color: var(--pink-color);
    border: 1px solid white;
}