/* ANA BUTON STİLİ */
.ozel-buton {
  /* Genişlik ve yükseklik ayarları */
  min-width: 60px; 
  width: auto; 
  height: 30px; /* Varsayılan yükseklik */
  padding: 0 8px;
  
  /* Arka plan ve yazı rengi */
  background-color: #55749f;
  color: #ffffff;
  
  /* Kenarlık ve Otomatik Köşe Yuvarlama */
  border: 2px solid #ff8400;
  /* Piksel yerine em kullanılarak yükseklik değiştikçe asimetrik oran korunur */
  border-radius: 0.85em 0.15em 1.65em 0.85em; 
  
  /* Hizalama ve estetik ayarlar */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  
  /* Tahoma fontu ve boyut ayarı */
  font-family: 'Tahoma', sans-serif;
  font-size: 14px; 
  
  /* Buton altı gölgesi */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  
  /* Geçiş efekti hızı */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Mouse ile üzerine gelindiğinde (Hover) */
.ozel-buton:hover {
  background-color: #f0f4f8;
  color: #333333;
  box-shadow: none; 
}

/* İçeriğinde link (href) yoksa veya boşsa */
.ozel-buton:not([href]), 
.ozel-buton[href=""], 
.ozel-buton[href="#"] {
  background-color: #f0f4f8;
  color: #333333;
  box-shadow: none; 
  pointer-events: none;
}

/* ----------------------------------------------- */
/* BOYUT YARDIMCI KLASLARI (Boyut değiştikçe köşeler otomatik uyum sağlar) */

/* Büyük Buton Varyasyonu */
.btn-büyük { 
  height: 45px; 
  min-width: 150px; 
  font-size: 16px; /* Büyük butona daha iyi gitmesi için fontu da hafif büyüttük */
}

/* Küçük Buton Varyasyonu */
.btn-küçük { 
  height: 25px; 
  min-width: 80px; 
  font-size: 12px; /* Küçük butona daha iyi gitmesi için fontu da hafif küçülttük */
}
/* BOYUT YARDIMCI KLASLARI */

/* Büyük Buton: Yükseklik ana butonla aynı (30px) kaldı, sadece en az genişliği arttı */
.btn-büyük { 
  height: 30px;      /* Yüksekliği sabit tutar, dikeyde büyütmez */
  min-width: 150px;  /* Sadece yatayda daha geniş olmasını sağlar */
  font-size: 14px;   /* Yazı boyutu da ana butonla aynı kalır */
}

/* Küçük Buton: Yükseklik ana butonla aynı (30px) kaldı, sadece en az genişliği azaldı */
.btn-küçük { 
  height: 30px;      /* Yüksekliği sabit tutar */
  min-width: 60px;   /* Sadece yatayda daha dar olmasını sağlar */
  font-size: 14px;   /* Yazı boyutu sabit kalır */
}