:root {
    --control-radius: 8px;
    --control-height: 48px;
    --control-padding: 16px;
    --control-secondary-bg: #f7f5ef;
    --control-secondary-hover: #eeede5;
    --control-border: #d4d4c8;
    --control-border-hover: #989b8b;
}
/* Une seule forme pour toutes les actions, sur le site et dans l’admin. */
.button, .header-call, button, input::file-selector-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: var(--control-height);
    padding: 12px var(--control-padding);
    border: 1px solid transparent;
    border-radius: var(--control-radius);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.icon { display: block; width: 18px; height: 18px; flex-shrink: 0; }
.identity { display: block; position: relative; flex-shrink: 0; width: 238px; aspect-ratio: 4.5; overflow: hidden; color: #24251f; }
.identity > img { display: block; position: absolute; width: 107%; max-width: none; height: auto; left: -3.5%; top: 50%; transform: translateY(-50%); }
@media (max-width: 1000px) { .identity { width: 205px; } }
@media (max-width: 720px) { .identity { width: 162px; } }
@media (max-width: 370px) { .identity { width: 140px; } }
@media (prefers-reduced-motion: reduce) {
    .button, .header-call, button, input::file-selector-button { transition: none; }
}

@media (max-width: 720px) {
    .button, .header-call, button, input::file-selector-button {font-size:12px;padding-inline:14px;}
}