.et-widget-countdown {
  .et-countdown-content-wrapper {
    gap: $grid-gutter-width 0;
  }
  .et-countdown-title-wrapper,
  .et-countdown-description-wrapper,
  .et-countdown-timer-wrapper,
  .et-countdown-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .et-countdown-title-wrapper,
  .et-countdown-description-wrapper {
    hyphens: auto;
    > div {
      width: 100%;
    }
    .et-textfield {
      &.text-align-default {
        text-align: center;
      }
    }
  }
  .et-countdown-timer-wrapper {
    font-weight: $font-weight-bold;
  }
  .et-countdown-timer-separator {
  }
  .et-countdown-timer-layout-clock {
    font-size: 1.5em;
    > span {
      display: inline-block;
      padding-left: $grid-gutter-width / 4;
      padding-right: $grid-gutter-width / 4;
      min-width: 2em;
      text-align: center;
      &.et-countdown-timer-separator {
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
  .et-countdown-timer-layout-column {
    font-size: 2em;
    display: flex;
    flex-wrap: wrap;
    @include media-breakpoint-up(sm) {
        flex-wrap: nowrap;
    }
    justify-content: center;
    align-items: center;
    .et-count-timer-element {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: $grid-gutter-width / 2;
      padding: 0 $grid-gutter-width / 2;
      @include media-breakpoint-up(sm) {
        padding: 0 $grid-gutter-width;
      }
      &:not(:last-child) {
        border-right: 1px solid currentColor;
      }
      /* Prevent automatic line breaks here */
      hyphens: none;
    }
    .et-countdown-timer-label {
      font-size: $font-size-sm;
    }
  }
  .et-countdown-link-wrapper {
    &.et-align-horizontal-left {
      justify-content: flex-start;
    }
    &.et-align-horizontal-right {
      justify-content: flex-end;
    }
  }
}