@media (max-width: 420px) {
  .container {
    width: min(calc(100% - 26px), var(--container));
  }

  .button {
    width: 100%;
  }

  .hero-actions {
    display: grid;
  }

  .hero-meta {
    align-items: flex-start;
    gap: 12px;
  }

  .hero-meta strong {
    font-size: 24px;
  }
}