/* KitabGrid universal content audio controls */
.kg-audio-controls{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:8px 0 14px;
}
.kg-audio-btn{
  appearance:none;
  border:1px solid var(--color-line,#dce6df);
  background:#fff;
  color:var(--color-text,#173425);
  border-radius:999px;
  min-height:34px;
  padding:6px 11px;
  display:inline-flex;
  gap:6px;
  align-items:center;
  justify-content:center;
  font:inherit;
  font-size:.86rem;
  cursor:pointer;
  transition:.18s ease;
}
.kg-audio-btn:hover,
.kg-audio-btn:focus-visible{
  border-color:var(--color-primary,#08783f);
  color:var(--color-primary,#08783f);
  outline:none;
  box-shadow:0 0 0 3px rgba(8,120,63,.09);
}
.kg-audio-controls.is-playing .kg-audio-play,
.kg-audio-controls.is-paused .kg-audio-pause{
  background:var(--color-primary,#08783f);
  border-color:var(--color-primary,#08783f);
  color:#fff;
}
.prayer-next-step{
  margin-top:28px;
  padding:24px;
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:center;
  background:linear-gradient(135deg,var(--color-primary-pale,#eef8f2),#fff);
}
.prayer-next-step h2{margin:4px 0 8px}
.prayer-next-step p{margin-bottom:0}
@media(max-width:620px){
  .kg-audio-btn-text{display:none}
  .kg-audio-btn{min-width:38px;padding-inline:9px}
  .prayer-next-step{display:block}
  .prayer-next-step .button{margin-top:14px;width:100%;text-align:center}
}