bb-event-instance-navigation {

  .EventInstanceNavigation {
    @include column-flex-container;

    &__row {
      @include flex-row;
    }

    &__buttons-col {
      margin-right: spacing(15);
    }

    &__instance-date-time-col {
      @include  flex-column(75%);
      display: flex;
      align-items: center;
    }

    &__button {
      border: border(1);
      color: $bb-dark-gray;
      font: {
        size: 24px;
      }
      height: spacing(36);
      padding: 0;
      text-align: center;
      width: 36px;
      &:first-child {
        border: {
          top-right-radius: 0;
          bottom-right-radius: 0
        }
        border-right: 0;
      }
      &:last-child {
        border: {
          top-left-radius: 0;
          bottom-left-radius: 0
        }
      }
    }

    &__instance-date-time {
      font: {
        size: 18px;
      }
    }
  }
}