/* Styles globaux pour tous les boutons */
button,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background-color: var(--color-primary-400);
    color: white;
    border: none;
    padding: 0.5em 1em;
    border-radius: var(--border-radius-regular);
    cursor: pointer;
    transition: background-color 0.25s;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

    & > * {
        color: white;
    }
}

button:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background-color: var(--color-primary-200);
}

a.button:hover {
    color: white;
}