.ca-cookie-consent {
  width: 100%;
  padding: $px20 $px20 $px4;
  background-color: $c-lightest-gray;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-shadow: 0 -1px 4px 0 rgb(0 0 0 / 6%);
  border-radius: rem-calc(4px) rem-calc(4px) 0 0;
  position: fixed;
  bottom: 0;
  z-index: $z-index-cookie-consent;

  @include bp(tablet) {
    left: $px40;
    max-width: 550px;
    padding: $px40 $px40 $px32;
  }
  
  &__paragraph {
    width: 100%;
    font-size: $font-size-m;

    @include bp(tablet) {
      font-size: $font-size-l;
    }
  }
  
  &__link {
    text-decoration: underline;
  }
  
  &__button {
    margin: $px12 0 0;
    
    @include bp(tablet) {
      margin: $px24 $px12 0;
    }

    &--decline.ca-button {
      margin: $px4 0 0;
      order: 3;
      color: $c-text-primary;

      @include bp(tablet) {
        padding-left: 0;
        order: unset;
        margin: $px24 $px12 0;
      }
    }
  }
}