/*모바일 전용 반응형 코드 (모바일에서 호버가 없을 때의 상태)*/
a.btn,
button.btn {
    font-size   : var(--font-16);
    font-weight : 500;
    line-height : var(--line-20);
    padding     : 8px 16px;
    box-shadow  : none !important;
}

a.btn.general-size,
button.btn.general-size {
    padding : 16px 24px;
}

a.btn.arrow,
button.btn.arrow {
    display : inline-flex;
}

a.btn.arrow > *,
button.btn.arrow > * {
    margin-top    : auto;
    margin-bottom : auto;
}

button.btn.arrow > ._text + ._arrow {
    margin-left : 10px;
}

button.btn.arrow > ._arrow + ._text {
    margin-right : 10px;
}

a.btn.bold,
button.btn.bold {
    font-weight : bold;
}

a.btn.extra-bold,
button.btn.extra-bold {
    font-weight : 800;
}

a.btn.radius,
button.btn.radius {
    border-radius : 42px;
}

a.btn.general-size.radius,
button.btn.general-size.radius {
    border-radius : 56px;
}

a.btn-primary,
button.btn-primary {
    color            : var(--basic-white);
    background-color : var(--brand-primary);
    border-color     : var(--brand-primary);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color : var(--brand-primary);
    border-color     : var(--brand-primary);
    color            : var(--basic-white);
}

a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active,
button.btn-primary:hover,
button.btn-primary:focus,
button.btn-primary:active {
    color            : var(--basic-white);
    background-color : var(--brand-primary);
    border-color     : var(--brand-primary);
}


a.btn-dark,
button.btn-dark {
    color            : var(--basic-white);
    background-color : var(--basic-black);
    border-color     : var(--basic-black);
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    background-color : var(--basic-black);
    border-color     : var(--basic-black);
    color            : var(--basic-white);
}

a.btn-dark:hover,
a.btn-dark:focus,
a.btn-dark:active,
button.btn-dark:hover,
button.btn-dark:focus,
button.btn-dark:active {
    color            : var(--basic-white);
    background-color : var(--basic-black);
    border-color     : var(--basic-black);
}

@media (hover : none) {

}