.px-opening-hours {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.9324324324rem + 0.3378378378vw, 1.25rem);
  font-family: var(--font-family-paragraph);
}
.px-opening-hours__cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
}
.px-opening-hours__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: clamp(1.25rem, 1.0472972973rem + 1.0135135135vw, 2rem);
  background: var(--color-primary-100);
  border-radius: var(--border-radius-md, 8px);
}
.px-opening-hours__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  padding: 9px;
  border: 1px solid var(--color-border-brand-subtle);
  border-radius: var(--border-radius-full);
  box-sizing: border-box;
}
.px-opening-hours__icon img {
  display: block;
  width: 27px;
  height: 27px;
  object-fit: contain;
}
.px-opening-hours__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.px-opening-hours__day {
  margin: 0;
  font-weight: var(--font-weight-semibold);
  line-height: 27px;
  color: var(--color-text-brand-subtle);
}
.px-opening-hours__hours {
  margin: 0 !important;
  font-size: clamp(1.125rem, 1.0912162162rem + 0.1689189189vw, 1.25rem);
  font-weight: var(--font-weight-normal);
  line-height: 160%;
  color: var(--color-text-brand-bold);
}
.px-opening-hours__footnote {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  line-height: 27px;
  color: var(--color-text-brand-subtle);
}
.px-opening-hours--centered .px-opening-hours__cards {
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .px-opening-hours__cards {
    flex-direction: column;
  }
  .px-opening-hours__card {
    width: 100%;
  }
}