.horoscope-band { padding: 40px max(24px, calc((100% - 1140px)/2)); background: #f4ede4; scroll-margin-top: 100px; }
.horoscope-band__label { display: flex; align-items: center; justify-content: space-between; margin: 0 0 18px; gap: 12px; }
.horoscope-band__label h2 { margin: 0; font: 30px var(--serif); }
.horoscope-band__label > a { font-size: 12px; color: #786550; text-underline-offset: 4px; white-space: nowrap; }
.horoscope-band__signs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; }
.horoscope-band__signs a { display: flex; align-items: center; gap: 12px; min-height: 70px; padding: 15px; background: #fbf7f0; border: 1px solid #dfd2bf; border-radius: 4px; text-decoration: none; color: #544432; transition: background .2s, border-color .2s; }
.horoscope-band__signs a:hover { background: #eee1cd; border-color: #b69b76; }
.horoscope-band__signs svg { width: 26px; height: 28px; color: #a08259; flex-shrink: 0; }
.horoscope-band__signs span { font: 19px var(--serif); }
.horoscope-band__signs span:last-child { font: 12px var(--sans); color: #987f5e; margin-left: auto; }
.horoscope-band a:focus-visible { outline: 2px solid #80613a; outline-offset: 4px; }
@media (max-width: 1100px) {
  .horoscope-band__signs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .horoscope-band { padding: 30px 18px; }
  .horoscope-band__signs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .horoscope-band__signs a { flex-direction: column; gap: 8px; padding: 13px 5px; position: relative; min-height: 92px; }
  .horoscope-band__signs span { font-size: 19px; }
  .horoscope-band__signs span:last-child { position: absolute; right: 8px; top: 6px; font-size: 10px; }
  .horoscope-band__label h2 { font-size: 24px; }
  .horoscope-band__label > a { font-size: 10px; }
  .horoscope-band__signs svg { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .horoscope-band__signs a { transition: none; }
}