/* Bütün çağrı butonlarının ortak yüzeyi. Ölçüler ve metinler mevcut sayfadan gelir. */
:is([data-rs-button], .rf-button, .rkb-button, .rku-button, .rh-button, .rkp-button),
:is([data-rs-button], .rf-button, .rkb-button, .rku-button, .rh-button, .rkp-button)::before,
:is([data-rs-button], .rf-button, .rkb-button, .rku-button, .rh-button, .rkp-button)::after {
  box-shadow: var(--rs-buton-golge) !important;
  text-shadow: var(--rs-buton-golge) !important;
  filter: none !important;
}
:is(.uk-button, .rkc-button, .rk-register-btn, .cta-buton,
    .rkr-submit, .rkr-retry, .rfr-button, .rfg-button) {
  box-shadow: var(--rs-buton-golge) !important;
  text-shadow: var(--rs-buton-golge) !important;
  background-image: none !important;
  filter: none !important;
}

:is(.uk-button, .rkc-button, .rk-register-btn, .cta-buton,
    .rkr-submit, .rfr-button, .rfg-button):not(:disabled) {
  background-color: var(--rs-buton-ana-zemin) !important;
}

@media (hover: hover) and (pointer: fine) {
  :is(.uk-button, .rkc-button, .rk-register-btn, .cta-buton,
      .rkr-submit, .rfr-button, .rfg-button):not(:disabled):hover {
    background-color: var(--rs-buton-ana-zemin-hover) !important;
  }
}

:is(.uk-button, .rkc-button, .rk-register-btn, .cta-buton,
    .rkr-submit, .rfr-button, .rfg-button):not(:disabled):active {
  background-color: var(--rs-buton-ana-zemin-active) !important;
}

/* Fotoğraf üzerindeki butonun koyu, düz yüzeyi ve beyaz yazısı korunur. */
.rk-course .rkc-hero .rkc-button {
  background: var(--rs-buton-hero-zemin) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  white-space: nowrap;
}

.rk-course .rkc-hero .rkc-button > .rkc-arrow {
  background: transparent;
}

@media (max-width: 767px) {
  .rk-course .rkc-hero .rkc-button {
    font-size: var(--rs-buton-hero-mobil-boyut);
    min-height: var(--rs-buton-hero-mobil-yukseklik);
    padding: var(--rs-buton-hero-mobil-ic-bosluk);
    gap: var(--rs-buton-hero-mobil-aralik);
    max-width: 100%;
  }
  .rk-course .rkc-hero .rkc-button > .rkc-arrow {
    flex-basis: var(--rs-buton-hero-mobil-ikon);
    width: var(--rs-buton-hero-mobil-ikon);
    height: var(--rs-buton-hero-mobil-ikon);
    padding: 3px;
  }
}

@media (max-width: 359px) {
  .rk-course .rkc-hero .rkc-button {
    padding-inline: var(--rs-buton-hero-dar-ic-bosluk);
    gap: var(--rs-buton-hero-dar-aralik);
  }
  .rk-course .rkc-hero .rkc-button > .rkc-arrow {
    flex-basis: var(--rs-buton-hero-dar-ikon);
    width: var(--rs-buton-hero-dar-ikon);
    height: var(--rs-buton-hero-dar-ikon);
  }
}