.home-24h-notice {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 22px;
  padding: 18px 22px;
  border: 1px solid rgba(85, 215, 138, .55);
  border-radius: 19px;
  background: linear-gradient(110deg, rgba(85, 215, 138, .16), rgba(239, 185, 31, .08));
}
.home-24h-notice > span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: #55d78a;
  color: #06180d;
  font-size: 22px;
  font-weight: 1000;
}
.home-24h-notice small,
.home-24h-notice b { display: block; }
.home-24h-notice small {
  color: #55d78a;
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.home-24h-notice b { margin-top: 4px; font-size: 22px; }
.home-24h-notice p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.home-24h-notice a {
  padding: 12px 17px;
  border-radius: 13px;
  background: var(--gold);
  color: #18130a;
  font-weight: 1000;
  text-decoration: none;
  white-space: nowrap;
}
.time-overview.temporary-24h-active .temporary-24h-card {
  grid-column: 1 / -1;
  border-color: rgba(85, 215, 138, .6);
  background: linear-gradient(110deg, rgba(85, 215, 138, .18), rgba(239, 185, 31, .08));
}
.time-overview .temporary-24h-card strong { color: #8ff0b6; }
.regular-hours-label {
  grid-column: 1 / -1;
  margin: 4px 0 -2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.hours-card .temporary-hours {
  margin-bottom: 4px;
  border: 1px solid rgba(85, 215, 138, .42);
  border-radius: 13px;
  padding: 14px !important;
  background: rgba(85, 215, 138, .1);
}
.hours-card .temporary-hours dt,
.hours-card .temporary-hours dd { color: #8ff0b6; }
.hours-card .temporary-hours small {
  color: var(--muted);
  font-weight: 700;
}
.hours-card .regular-hours-heading {
  margin: 22px 0 7px;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
@media (max-width: 650px) {
  .home-24h-notice { grid-template-columns: 52px 1fr; gap: 12px; padding: 14px; }
  .home-24h-notice > span { width: 50px; height: 50px; border-radius: 14px; font-size: 17px; }
  .home-24h-notice b { font-size: 17px; }
  .home-24h-notice p { font-size: 11px; }
  .home-24h-notice a { grid-column: 1 / -1; text-align: center; }
}