.pl-c-main .garden-hours {
  max-width: 640px; }

@media screen and (min-width: 1200px) {
  .header .garden-hours .mobile-only {
    display: none; } }

.header .garden-hours .desktop-only {
  display: none; }
  @media screen and (min-width: 1200px) {
    .header .garden-hours .desktop-only {
      display: flex; } }

.garden-hours__image {
  padding-bottom: 16px; }
  .garden-hours__image img {
    width: 100%; }
  @media screen and (min-width: 1200px) {
    .garden-hours__image {
      display: none; } }

.garden-hours__content {
  background-color: #dff5e8;
  color: #1f1f1f;
  padding: 24px; }
  @media screen and (min-width: 1200px) {
    .garden-hours__content {
      background-color: transparent;
      color: #fff;
      margin-right: 50px;
      padding: 0; } }
  @media screen and (min-width: 1540px) {
    .garden-hours__content {
      margin-right: 70px; } }

.garden-hours__date-container {
  display: flex;
  flex-flow: row wrap;
  padding-top: 16px; }
  @media screen and (min-width: 1200px) {
    .garden-hours__date-container {
      flex-direction: column;
      gap: 20px; } }

.garden-hours__heading {
  margin: 0; }

.garden-hours__hour {
  border-right: 1px solid #7dd69d;
  padding: 0 20px; }
  .garden-hours__hour:first-child {
    padding-left: 0; }
  .garden-hours__hour:last-child {
    border-right: 0;
    padding-right: 0; }
  @media screen and (min-width: 1200px) {
    .garden-hours__hour {
      padding: 0;
      border: 0; } }

.garden-hours__time p,
.garden-hours__desc p {
  margin: 0; }

.garden-hours__desc {
  margin: 20px 0; }

.garden-hours__date {
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 600;
  font-weight: 600; }

.garden-hours__button-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px; }
  .garden-hours__button-group .button {
    width: 85%;
    min-width: unset; }
    @media screen and (min-width: 1200px) {
      .garden-hours__button-group .button {
        min-width: unset; } }
    @media screen and (min-width: 1540px) {
      .garden-hours__button-group .button {
        width: 80%; } }