.btn{
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: 'Gotham';
    font-size: calc(10px + (20 - 10) * ((100vw - 320px) / (1080 - 320)));

    letter-spacing: 0.01rem;

    color: var(--white);

    padding: 2.5% 5%;

    border-style: none;

    cursor: pointer;
}
.btn--cancel{
    background-color: #8C8BA9;
}
.btn--confirm{
    background-color: var(--blue);
}
.btn--next-page{
    margin: 2% auto 0;
}
.btn--not-confirm{
    background: rgba(0, 179, 255, 0.4);
}
@media only screen and (orientation: landscape) {
    .btn--next-page{
        float: right;

        padding: .75% 1.25%;
    }
    .btn{
        font-size: calc(6px + (20 - 6) * ((100vw - 320px) / (1920 - 320)));
    }

    .btn--next-page{
        margin-left: 2%;
    }
}