/* Button */
.button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    width: fit-content;
}

.button--primary {
    background-color: transparent;
    border: 2px solid;
    border-radius: 50px;
    color: var(--colorDarkOrange);
    transition:
        background-color 0.25s,
        color 0.25s,
        border-color 0.25s;
}

.button--primary:hover {
    background-color: var(--colorDarkOrange);
    border: 2px solid var(--colorDarkOrange);
    color: var(--colorWhite);
}

.button--primary[disabled]:hover {
    background-color: transparent;
    border: 2px solid var(--colorDarkOrange);
    color: var(--colorDarkOrange);
}

.button--md {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    min-width: 326px;
    padding-block: 24px;
}

@media (max-width: 768px) {
    .button--md {
        font-size: 14px;
        min-width: 240px;
        padding-block: 13px 12px;
    }
}