/* 카카오 버튼 기본 스타일 - 모든 페이지 통일 */
/* styles.css에 기본 스타일이 있으므로 여기서는 반응형만 정의 */

/* 데스크톱 기본 (769px 이상) */
@media (min-width: 769px) {
  .mobile-kakao-btn {
    top: 15px !important;
    right: 60px !important;
    padding: 8px 16px !important;
    font-size: 0.9rem !important;
    border-width: 2px !important;
  }
}

/* 태블릿 및 모바일 (768px 이하) */
@media (max-width: 768px) {
  .mobile-kakao-btn {
    top: 18px !important;
    right: 55px !important;
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
    border-width: 1.5px !important;
  }
}

/* 작은 모바일 (480px 이하) */
@media (max-width: 480px) {
  .mobile-kakao-btn {
    padding: 5px 10px !important;
    font-size: 0.75rem !important;
    right: 50px !important;
    top: 18px !important;
  }
}

/* 매우 작은 모바일 (320px 이하) */
@media (max-width: 320px) {
  .mobile-kakao-btn {
    padding: 4px 8px !important;
    font-size: 0.7rem !important;
    right: 45px !important;
    top: 16px !important;
  }
}