/* =========================================================
   HERO BUTTON ICONS FIX + ABOUT CARD BUTTON DOWN FIX
   Бұл файл:
   1) Басты бет hero батырмаларындағы белгішелерді сақтайды.
   2) "Ақын туралы" карточкасындағы "Толығырақ оқу" батырмасын төменге түсіреді.
   ========================================================= */


/* =========================
   HERO BUTTON ICONS
   ========================= */

.home-only .hero-actions .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

.home-only .hero-actions .btn .hero-btn-icon{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

.home-only .hero-actions .btn .hero-btn-icon svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.home-only .hero-actions .btn.primary .hero-btn-icon{
  color:#E8A23D !important;
}

.home-only .hero-actions .btn.secondary .hero-btn-icon{
  color:#D98A28 !important;
}

.home-only .hero-actions .btn.secondary .hero-btn-icon svg path:last-child{
  fill:currentColor !important;
  stroke:none !important;
}


/* =========================
   АҚЫН ТУРАЛЫ КАРТОЧКАСЫ
   Батырманы төменге түсіру
   ========================= */

/* Карточка ішін flex етіп, батырманы төменге итереміз */
.home-only .about-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

/* Мәтін мен батырма арасы реттеледі */
.home-only .about-card p{
  margin-bottom:18px !important;
}

/* Негізгі түзету: батырма төменге түседі */
.home-only .about-card .btn,
.home-only .about-card .btn.primary,
.home-only .about-card .btn.primary.small{
  margin-top:auto !important;
  align-self:flex-start !important;
}

/* Батырма төменгі жақта жинақы көрінсін */
.home-only .about-card .btn.primary.small{
  min-height:46px !important;
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
}