/**
 * Fichier  : /pages/sport-business/consulting/assets/css/style.css
 * Fonction : variables et styles communs de la page Conseil
 */


/* ==================================================
   VARIABLES
================================================== */

.consulting {
    --consulting-padding: clamp(22px, 6vw, 90px);
    --consulting-dark: #090909;
    --consulting-light: #f4f3f0;
}


/* ==================================================
   PAGE
================================================== */

.consulting {
    overflow: hidden;
}

.consulting {
    background: var(--consulting-light);
}

.consulting {
    color: #111;
}


/* ==================================================
   EMPHASIS
================================================== */

.consulting em {
    font-style: normal;
    color: var(--color-primary);
}


/* ==================================================
   BUTTON
================================================== */

.consulting .button {
    min-height: 48px;
}

.consulting .button {
    box-sizing: border-box;
    padding: 0 1.8em;
}

.consulting .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.consulting .button {
    border: 1px solid currentColor;
}

.consulting .button {
    font-family: 'bold-font';
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-decoration: none;
    color: inherit;
}

.consulting .button {
    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}


/* ==================================================
   DESKTOP INTERACTIONS
================================================== */

@media
    (hover: hover)
    and (pointer: fine) {

    .consulting .button:hover {
        transform: translateY(-2px);
    }

}