.campaign-timer-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;

  .campaign-timer-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 1;
    pointer-events: none;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .campaign-timer {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    font-style: italic;

    .timer-date-container {
      font-size: inherit;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      flex: 1;
      padding: 10px;

      .timer-text {
        font-size: inherit;
      }

      .timer-days {
        font-size: inherit;
      }

      &::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        // background-color: #000000;
      }
    }

    .timer-time-container {
      font-size: inherit;
      display: flex;
      flex-direction: column;
      flex: 1;
      padding: 10px;
      align-items: flex-start;

      .timer-hours {
        font-size: inherit;
        
        span {
          font-size: 1.0rem;
        }
      }

      .timer-minutes {
        font-size: inherit;

        span {
          font-size: 1.0rem;
        }
      }
    }
  }
}