/*=========================================================
  ENMODÜLER YAZILIM — BUTON BİLEŞENLERİ
  Not: Bootstrap'in .btn sınıfıyla çakışmamak için "en-" öneki
  kullanılır. Bootstrap grid/utility'leri korunur, görsel
  bileşenler kendi sınıflarımızla yönetilir.
=========================================================*/

.en-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 18px 34px;
    border-radius: 60px;
    font-weight: 700;
    transition: .4s;
    position: relative;
    overflow: hidden;
}

.en-btn-primary {
    background: var(--primary);
    color: #fff;
    box-shadow: 0 15px 35px rgba(14,125,71,.30);
}

    .en-btn-primary:hover {
        transform: translateY(-4px);
        background: var(--primary-dark);
        color: #fff;
    }

.en-btn-outline {
    border: 2px solid rgba(255,255,255,.35);
    color: #fff;
}

    .en-btn-outline:hover {
        background: #fff;
        color: var(--primary);
    }

.en-btn-outline-dark {
    border: 2px solid var(--gray-300);
    color: var(--title);
}

    .en-btn-outline-dark:hover {
        border-color: var(--primary);
        color: var(--primary);
    }

.en-btn-dark {
    background: var(--secondary);
    color: #fff;
}

    .en-btn-dark:hover {
        transform: translateY(-4px);
    }

.en-btn-sm {
    padding: 12px 22px;
    font-size: 14px;
}