@import '_vars.scss';
@import '_mixin.scss';

.cookie {
  max-width: 80%;
  padding: 4rem 0;
  margin: 0 auto;
  @include mobile {
    max-width: 100%;
    padding: 2rem 0;
  }

  &__title {
    position: relative;
    @include h1;
    padding-bottom: 4rem;

    &::before {
      content: '';
      position: absolute;
      bottom: 2rem;
      left: 0;
      width: 10rem;
      height: 1px;
      background-color: $border-color;
    }
  }
  span {
    display: block;

    &:not(:last-child) {
      margin-bottom: 1rem;
    }
  }

  &__list {
    margin-bottom: 1rem;
    li {
      &:not(:last-child) {
        margin-bottom: 0.5rem;
      }
    }
  }

  &__text {
    &:not(:last-child) {
      margin-bottom: 1rem;
    }
  }

  &__subtitle {
    @include h3;
    &:not(:last-child) {
      margin-bottom: 1rem;
    }
  }

  &__link {
    word-break: break-all;
    color: $light-blue-color;
    transition: color $hover-tr ease-in-out;
    @include hover-support {
      color: $blue-color;
    }
  }
}