/* shipping-countdown */

div.shipping-countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #fff;
  padding: 14px 10px;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;

  & span.countdown-timer-text--text-only {
    line-height: 1.5;
  }

  & countdown-timer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    & p {
      text-align: center;
      text-wrap: balance;

      &.countdown-timer-text--before {
        font-size: 18px;
        @media (max-width: 768px) {
          font-size: 14px;
        }
      }

      &.countdown-timer-text--number {
        font-size: 24px;
        @media (max-width: 768px) {
          font-size: 18px;
        }
      }
    }
  }
}