/* ===========================================
   Hero Buttons - 파인싱크 브랜드 색상
   버튼 배경색과 직사각형 모양
   =========================================== */

/* 히어로 버튼 기본 스타일 */
.hero-btn,
.hero-btn.primary,
.hero-btn.secondary {
    display: inline-block !important;
    padding: 1rem 2.5rem !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    
    /* 직사각형 - 모든 방법으로 적용 */
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    
    /* 배경색 - 파인싱크 남색 */
    background: #1B3559 !important;
    background-color: #1B3559 !important;
    
    /* 글씨 - 흰색 */
    color: #ffffff !important;
    
    /* 테두리 제거 */
    border: none !important;
}

/* 호버 상태 */
.hero-btn:hover,
.hero-btn.primary:hover,
.hero-btn.secondary:hover {
    /* 배경색 - 파인싱크 청록색 */
    background: #099F97 !important;
    background-color: #099F97 !important;
    
    /* 글씨 - 흰색 유지 */
    color: #ffffff !important;
    
    /* 직사각형 유지 */
    border-radius: 0 !important;
}

/* 슬라이드 버튼 컨테이너 */
.slide-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

/* 반응형 */
@media (max-width: 768px) {
    .slide-buttons {
        flex-direction: column;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        margin-top: 2rem;
    }
    
    .hero-btn,
    .hero-btn.primary,
    .hero-btn.secondary {
        width: 100% !important;
        text-align: center !important;
    }
}