.release-teaser {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  overflow: hidden;
  padding: 25px 32px;
  margin: 0 auto 32px;
  max-width: 1100px;
  border: 1px solid #eee5d9;
  border-radius: 14px;
  background: linear-gradient(110deg, #fff8ee 0%, #fffdf9 50%, #fff 100%);
  color: #333;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}
.release-teaser:hover, .release-teaser:focus-visible { color: #333; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(143, 94, 32, .09); text-decoration: none; }
.release-teaser:focus-visible { outline: 3px solid #e7a850; outline-offset: 4px; }
.release-teaser__icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex-shrink: 0; border: 1px solid #f4d9b6; border-radius: 12px; color: #d9750a; background: #fff1dd; }
.release-teaser__icon svg { width: 25px; height: 25px; }
.release-teaser__text { flex: 1; min-width: 0; }
.release-teaser__text strong { display: block; font-size: 1.6rem; font-weight: 700; color: #333; margin-bottom: 5px; }
.release-teaser__text small { display: block; font-size: 1.2rem; line-height: 1.7; color: #777; }
.release-teaser__action { display: flex; align-items: center; gap: 24px; color: #b75c00; font-size: 1.5rem; font-weight: 700; white-space: nowrap; }
@media (max-width: 640px) {
  .release-teaser { gap: 14px; padding: 22px 18px; flex-wrap: wrap; }
  .release-teaser__text strong { font-size: 1.4rem; }
  .release-teaser__text small { font-size: 1.1rem; }
  .release-teaser__action { width: 100%; padding-left: 60px; }
}
@media (prefers-reduced-motion: reduce) { .release-teaser { transition: none; } }