@charset "utf-8";

.reserved {
    display: flex;
    gap: 30px;
    width: min(100%, 900px);
    margin: 0 auto;
    flex-direction: column;
}

.reserved a {
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    font-size: clamp(16px, 2vw, 18px);
    box-sizing: border-box;
}

.reserved-plan {
    background: #C7B370;
    color: #fff;
    border: 2px solid #fff;
    outline: 4px solid #C7B370;
}

.reserved-search {
    background: #3D2E23;
    color: #fff;
    border: 2px solid #fff;
    outline: 4px solid #3D2E23;
}

@media screen and (min-width:750px) {
    .reserved {
        flex-direction: row;
    }
}