:root {
    --darkBtn: #292929;
}

/* sweetalert改樣式 */
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible {
    box-shadow: none;
}

.swal2-container button {
    border-radius: 30px;
    padding: .3em 1.5em;
    transition: .3s;
}

.swal2-container button.swal2-confirm {
    background-color: var(--red);
}

.swal2-container button.swal2-cancel {
    background-color: var(--dark-grey);
}

.red_btn {
    background-color: var(--red);
    color: var(--white);
    font-weight: 700;
}
.theme_btn {
    background-color: var(--theme);
    color: var(--white);
    font-weight: 700;
}

.red_btn:hover,
.theme_btn:hover {
    background-color: var(--darkBtn);
}

.black_btn {
    background-color: var(--darkBtn);
    color: var(--white);
    font-weight: 700;
}

.black_btn:hover {
    background-color: var(--red);
}

.btn_mx {
    margin: 4px 3px;
}

.round_btn {
    border-radius: 30px;
    padding: .25em 1.2em;
    cursor: pointer;
    transition: .3s;
    border: none;
    font-size: .9em;
}
#reservation-section .input-field.address input {
    margin-bottom: .8rem;
}

@media (min-width:576px) {
    .btn_mx {
        margin: 4px 5px;
    }

    .round_btn {
        border-radius: 30px;
        padding: .3em 1.5em;
        font-size: 1em;
    }
}