/*------------------------------------*\
  $COOKIES
\*------------------------------------*/

$banner-background-color: #2b2b2b;
$banner-text-color: #918d8d;
$banner-link-color: #918d8d;
$banner-btn-color: #000;
$banner-btn-text-color: #fff;

.cookie-banner {
  padding: 15px 0;
  background: {
    color: $banner-background-color;
  }

  .wrap {
    overflow: hidden;
  }

  p {
    margin-bottom: 10px;
    line-height: 1.3;
    color: $banner-text-color;
    font-size: font-size(13);
    text-align: left;

    @include mq(mq600) {
      @include span(14 of 16);
      margin: 0;
    }
  }

  a {
    color: $banner-link-color;
  }

  .btn {
    padding: 10px 15px;
    float: left;
    text-decoration: none;
    color: $banner-btn-text-color;
    font: {
      family: $body-font;
      size: font-size(13);
    }
    background: {
      color: $banner-btn-color;
    }

    @include mq(mq600) {
      float: right;
    }
  }
}