/* Terra Kakao Public CSS */

/* =============================================================================
   버튼 정렬 래퍼
   ============================================================================= */
.terra-kakao-wrap {
    width: 100%;
}

.terra-kakao-align-left {
    text-align: left;
}

.terra-kakao-align-center {
    text-align: center;
}

.terra-kakao-align-right {
    text-align: right;
}

/* =============================================================================
   카카오 로그인 버튼 기본 스타일 (인라인 스타일로 오버라이드 가능)
   ============================================================================= */
.terra-kakao-login-btn,
.kakao-login-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    max-width: 300px;
    padding: 14px 24px;
    background-color: #FEE500;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all 0.2s;
    box-sizing: border-box;
}

.terra-kakao-login-btn:hover,
.kakao-login-button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* 아이콘 스타일 */
.terra-kakao-login-btn svg,
.kakao-login-button img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* 텍스트 스타일 */
.terra-kakao-login-btn span,
.kakao-login-button span {
    color: inherit;
}