// Handoff banner to allow the user to switch between the mobile responsive site and the fixed desktop site.
//
// Styleguide Website version toggle

.opt-out-bar {
  //  @include column(12);
  overflow: hidden;
  text-align: center;
  background-color: $color-opt-out-bar;

  p {
    margin: $bl 0;
    line-height: 1.5;
    @include font-size(14);
    @include respond-to($mq-m) {
      padding: $bl 0;
      text-align: left;
      @include column(6);
    }
  }

}

.button--link {
  @include font-size(14);
  @extend %link-nav;
  background: transparent;
  border: none;
  padding: $bl 0;
  border-top: 1px solid $color-grey-light;

  @include respond-to($mq-m) {
    border: 0;
    text-align: right;
    @include column(6);
  }

  &:before {
    padding-right: $bl;
    @extend .icon;
  }

  &:hover {
    text-decoration: underline;
  }
}

// Handoff banner to allow the user to switch between the mobile responsive site and the fixed desktop site.
//
// Styleguide Opt out bar

.opt-out-bar {
  //  @include column(12);
  overflow: hidden;
  text-align: center;
  background-color: $color-opt-out-bar;

  p {
    margin: $bl 0;
    line-height: 1.5;
    @include font-size(14);
    @include respond-to($mq-m) {
      padding: $bl 0;
      text-align: left;
      @include column(6);
    }
  }

  form {
    @include respond-to($mq-m) {
      @include column(6);
      text-align: right;
    }
  }

}

.button--link {
  @include font-size(14);
  @extend %link-nav;
  display: inline-block;
  background: transparent;
  border: none;
  padding: $bl 0;
  border-top: 1px solid $color-grey-light;

  @include respond-to($mq-m) {
    border: 0;
  }

  &:before {
    padding-right: $bl;
    @extend .icon;
  }

  &:hover {
    text-decoration: underline;
  }
}

Change style of the opt out bar
Change style of the opt out bar
