/**
 * Boutons du framework (.btn, galaxyy-trixie/assets/css/base.css) aux mesures et couleurs
 * du site source (thème galaxyy-isimedia, scss/parts/_buttons.scss) : bouton arrondi, 16px
 * gras, contour 2px.
 *
 * Correspondance des variantes (même rang dans les deux systèmes) :
 *   --primary        ↔ .btn-primaire         --dark-primary   ↔ .btn-dark-primaire
 *   --secondary      ↔ .btn-secondaire       --dark-secondary ↔ .btn-dark-secondaire
 *   --tertiary       ↔ .btn-tertiaire        --dark-tertiary  ↔ .btn-dark-tertiaire
 *   --black          ↔ .btn-noir
 */

.btn {
    display: inline-block;
    padding: 13px 32px;
    border: 2px solid transparent;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
    transition: all 300ms ease 0ms;
}

.btn .btn__icon {
    margin-left: 4px;
    vertical-align: middle;
}

/* Jaune → blanc bordé de jaune au survol. */
.btn--primary {
    border-color: var(--gt-color-primary);
    background-color: var(--gt-color-primary);
    color: var(--gt-color-neutral-900);
}

.btn--primary:hover {
    border-color: var(--gt-color-primary);
    background-color: var(--gt-color-white);
    color: var(--gt-color-neutral-900);
}

/* Anthracite → transparent bordé d'anthracite au survol. */
.btn--secondary {
    border-color: var(--gt-color-neutral-900);
    background-color: var(--gt-color-neutral-900);
    color: var(--gt-color-white);
}

.btn--secondary:hover {
    border-color: var(--gt-color-neutral-900);
    background-color: transparent;
    color: var(--gt-color-neutral-900);
}

.btn--tertiary,
.btn--black {
    border-color: var(--gt-color-neutral-900);
    background-color: transparent;
    color: var(--gt-color-neutral-900);
}

.btn--tertiary:hover,
.btn--black:hover {
    border-color: var(--gt-color-neutral-900);
    background-color: var(--gt-color-neutral-900);
    color: var(--gt-color-white);
}

/* Variantes pour fond sombre. */
.btn--dark-primary {
    border-color: var(--isimedia-color-cream);
    background-color: var(--isimedia-color-cream);
    color: var(--gt-color-neutral-900);
}

.btn--dark-primary:hover {
    border-color: var(--isimedia-color-cream);
    background-color: transparent;
    color: var(--gt-color-white);
}

.btn--dark-secondary {
    border-color: var(--gt-color-primary);
    background-color: var(--gt-color-primary);
    color: var(--gt-color-neutral-900);
}

.btn--dark-secondary:hover {
    border-color: var(--gt-color-primary);
    background-color: transparent;
    color: var(--gt-color-primary);
}

.btn--dark-tertiary {
    border-color: var(--gt-color-primary);
    background-color: transparent;
    color: var(--gt-color-white);
}

.btn--dark-tertiary:hover {
    border-color: var(--gt-color-primary);
    background-color: var(--gt-color-primary);
    color: var(--gt-color-neutral-900);
}