@import '../settings/variables';
@import '../tools/mixins/breakpoints';

.c-terms-needing-accept-modal {
  &__content {
    max-height: 50vh;

    @include media-breakpoint-up(md) {
      max-height: 60vh;
    }
  }

  &__content-container {
    padding: 2.5em 1.5em;

    @include media-breakpoint-up(md) {
      padding: 4em 1em 4em 4em;
    }
  }

  &__title {
    color: $color-secondary-dark;
    font-size: $font-size-big;
    font-family: $font-maersk-headline;
    margin-bottom: $margin-tiny;
  }

  &__info {
    color: $color-dark-grey;
    margin-bottom: $margin-medium;
    line-height: 1.5;

    @include media-breakpoint-up(md) {
      margin-bottom: $margin-enormous;
    }
  }

  &__accept {
    justify-content: center;

    @include media-breakpoint-up(md) {
      justify-content: flex-end;
    }
  }
}