.monster-announcement {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px 38px;
  padding: 24px 28px;
  margin-block: 26px 0;
  background: rgba(212, 184, 149, .3);
  border: 1px solid var(--line);
  border-left: 5px solid var(--orange-deep);
  border-radius: 18px;
}
.monster-announcement > div { min-width: 0; }
.monster-announcement .monster-announcement-date { font-size: .76rem; font-weight: 800; color: var(--green-deep); margin: 0 0 8px; }
.monster-announcement h2 { font-size: clamp(1.35rem, 2.3vw, 1.8rem); line-height: 1.2; margin-bottom: 9px; }
.monster-announcement p { font-size: .92rem; line-height: 1.6; margin: 0; max-width: 67ch; }
.monster-announcement .button { flex-shrink: 0; }
@media (max-width: 780px) {
  .monster-announcement { display: block; padding: 20px; }
  .monster-announcement .button { margin-top: 18px; max-width: 100%; }
}