/* ΑΚΑΣ – προτροπή συνδρομής στο κανάλι YouTube (@AkasTarot).
   Ίδιο πλαίσιο σε εργαλεία, μαθήματα και άρθρα. */
aside.akas-yt-cta {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 820px;
  margin: 20px auto 28px;
  padding: 16px 20px;
  border: 1px solid rgba(212, 175, 55, .35);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 50%, rgba(204, 32, 39, .18), transparent 45%),
    linear-gradient(160deg, rgba(26, 5, 48, .92) 0%, rgba(46, 10, 82, .92) 100%);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  font-family: Georgia, "Times New Roman", serif;
  color: #fff4dc;
}
aside.akas-yt-cta * { box-sizing: border-box; }
.akas-yt-cta .akas-yt-cta__icon {
  flex: none;
  width: 48px;
  height: 34px;
  border-radius: 10px;
  background: #cc2027;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 14px rgba(204, 32, 39, .45);
}
.akas-yt-cta .akas-yt-cta__icon::before {
  content: "";
  margin-left: 4px;
  border-style: solid;
  border-width: 8px 0 8px 13px;
  border-color: transparent transparent transparent #fff;
}
.akas-yt-cta .akas-yt-cta__body { flex: 1; min-width: 0; text-align: left; }
.akas-yt-cta .akas-yt-cta__body strong {
  display: block;
  color: #f0d080;
  font-size: 17px;
  margin-bottom: 2px;
}
.akas-yt-cta .akas-yt-cta__body p {
  margin: 0;
  color: rgba(255, 244, 220, .82);
  font-size: 15px;
  line-height: 1.55;
}
.akas-yt-cta .akas-yt-cta__btn {
  flex: none;
  display: inline-block;
  padding: 10px 18px;
  border-radius: 999px;
  background: #cc2027;
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .15) inset, 0 6px 16px rgba(204, 32, 39, .35);
  transition: transform .18s ease, box-shadow .18s ease;
}
.akas-yt-cta .akas-yt-cta__btn:hover,
.akas-yt-cta .akas-yt-cta__btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 10px 22px rgba(204, 32, 39, .5);
  outline: none;
}
@media (max-width: 640px) {
  aside.akas-yt-cta {
    flex-wrap: wrap;
    margin: 20px 10px 24px;
    padding: 14px 16px;
  }
  .akas-yt-cta .akas-yt-cta__body { flex-basis: calc(100% - 64px); }
  .akas-yt-cta .akas-yt-cta__btn { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .akas-yt-cta .akas-yt-cta__btn { transition: none; }
}