/* Terra Kakao Public CSS */

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

.terra-kakao-login-btn:hover,
.kakao-login-button:hover {
    background-color: #F5DC00 !important;
    color: #000000 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(254, 229, 0, 0.4);
}

/* 아이콘 스타일 */
.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: #000000 !important;
}

.kakao-login-button .loading-icon {
    display: none;
}