/* ============================================================
   버튼
   - height 5.2rem / border-radius 1rem / padding 1.6rem
   - Pretendard 700 1.8rem
   ============================================================ */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 5.2rem;
    padding: 1.6rem;
    border: 0;
    border-radius: 1rem;

    /* Button 타이포 토큰 */
    font-family:    var(--font-family-base);
    font-weight:    var(--font-button-weight);
    font-size:      var(--font-button-size);
    line-height:    var(--font-button-line);
    letter-spacing: var(--font-button-spacing);

    color: #fff;
    background: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
            appearance: none;
}

/* 풀폭 */
.btn.btn-block { width: 100%; }

/* 컬러 변형 */
.btn.btn-secondary {
    background: var(--line2);
    color: var(--gray-900);
}
.btn.btn-ghost {
    background: transparent;
    color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    height: 4.4rem;
    font-size: var(--font-body-1-size);
    line-height: var(--font-body-1-line);
    letter-spacing: var(--font-body-1-spacing);
    font-weight: var(--font-body-1-weight);
}

/* 비활성 — 회색 배경 + 흰 글씨 (calc / chk_flood / em_class 등에서 사용) */
.btn:disabled,
.btn.is-disabled {
    background: var(--gray-300);
    color: #fff;
    cursor: not-allowed;
    opacity: 1;
}
/* btn-ghost(아웃라인) 비활성은 별도 처리 */
.btn.btn-ghost:disabled,
.btn.btn-ghost.is-disabled {
    background: transparent;
    color: var(--gray-400);
    border-color: var(--line2);
}

/* ---- 신청 바로가기 버튼 (outline / secondary) ---- */
.btn-apply {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 4.4rem;
    padding: 1.2rem 1rem;
    background: #fff;
    border: 1px solid var(--color-secondary);
    border-radius: 1rem;
    text-decoration: none;
    cursor: pointer;

    /* Body 1 토큰 */
    font-family:    var(--font-family-base);
    font-weight:    var(--font-body-1-weight);
    font-size:      var(--font-body-1-size);
    line-height:    var(--font-body-1-line);
    letter-spacing: var(--font-body-1-spacing);

    color: var(--color-secondary);
}