/* assets/css/kakao-login.css */

/* 기본 버튼 스타일 */
.kakao-login-btn {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    color: #371c1d;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    max-width: 248px;
    text-align: center;
}

/* 이미지 버튼 스타일 */
.image-btn {
    background: none;
    border: none;
    padding: 0;
}

.kakao-login-image {
    max-width: 100%;
    height: auto;
}

/* 텍스트 버튼 스타일 */
.text-btn {
    background-color: #FEE500; /* 카카오 노란색 */
    border-radius: 5px;
    display: flex;
	font-size: 14px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    max-width: 248px;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.text-btn:hover {
    background-color: #E0CA00;
	color: #111;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}

.kakao-icon {
    max-width: 15px; /* 아이콘 크기 제한 */
    margin-right: 10px;
    vertical-align: middle;
}

/* 가운데 정렬 클래스 */
.center-align {
    margin: 0 auto;
    display: block;
}