.mini-date-left {
  background-color: $background-colors-background-dark;
  color: $text-colors-text-contrast;
  padding: 2rem 0;

  &::before {
    display: none;
  }

  .mini-date-top {
    @include text-style-subheadline-sub-1;

    color: $text-colors-text-contrast;
  }

  .mini-date-bottom {
    color: $text-colors-text-contrast;
    font-size: 52px;
  }
}

.mini-date-right {
  .mini-date-fulldate {
    font-size: 18px;
    font-weight: $font-weight-medium;
    color: $text-colors-text-secondary;
    margin-bottom: .5rem;

    &::before {
      display: none;
    }
  }

  .mini-date-title h3 a {
    @include text-style-headline-h-4;

    color: $primary-colors-primary-accent;
  }
}

.mini-date-right {
  .mini-date-top-full {
    @include text-style-body-body-1;

    color: $text-colors-text-secondary;
    display: flex;
    gap: 1rem;
    align-items: center;

    .mini-date-top-date {
      position: relative;
      padding-left: 24px;

      &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 20px;
        height: 20px;
        background: url('../images/calendar_month.svg') no-repeat center center;
        background-size: contain;
      }
    }

    .mini-date-top-time {
      position: relative;
      padding-left: 24px;

      &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 20px;
        height: 20px;
        background: url('../images/schedule.svg') no-repeat center center;
        background-size: contain;
      }
    }
  }
}

#views-bootstrap-provus-events-block-events-upcoming {
  .views-field-nothing {
    width: 100%;
  }
  article {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    margin-bottom: $padding-padding-xxlg;
    border-bottom: 1px solid $text-disabled;
    padding-bottom: $padding-padding-xxlg;
    gap: 2rem;

    img {
      border-radius: $images-border-radius-radius-xxl 4px $images-border-radius-radius-xxl 4px;
    }

    .mini-date {
      align-items: self-start;
    }

    .mini-date-right {
      .mini-date-title h3 a {
        @include text-style-headline-h-3;

        color: $text-colors-text-primary;

        &:hover {
          color: $primary-colors-primary-hover;
        }
      }

      .mini-date-fulldate {
        @include text-style-body-body-1;

        .link {
          margin-top: 1rem;

          a {
            @extend .btn;
            @extend .btn-primary;

            &:hover,
            &:focus,
            &:active {
              background-image: url('../images/arrow-right-long.svg');
              background-repeat: no-repeat;
              background-position: right 24px center;
            }
          }
        }
      }
    }
  }

  > .row > div:last-of-type article {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

