.gdpr{
  background-color: rgba($white, .95);
  padding: $size-large;
  position: fixed;
  bottom: 0;
  top: 0;
  left: -150%;
  width: 40%;
  z-index: 99998;
  box-shadow: 0 1px 15px rgba(#000000, .04), 0 1px 6px rgba(#000000, .04);
  transition: left cubic-bezier(.77, .2, .05, 1) .5s;
  &.active{
    left: 0;
  }
  ul{
    list-style: none;
    padding: 0;
  }
  li{
    padding: $size-small;
    box-shadow: 0 1px 15px rgba(#000000, .04), 0 1px 6px rgba(#000000, .04);
    margin-bottom: $size-small;
    background-color: $white;
    p{
      padding-right: 5px;
      @include media-breakpoint-down(sm){
        font-size: .8em;
        line-height: 1em;
      }
    }
  }
  .cookie-button{
    position: fixed;
    right: $size-small;
    bottom: $size-small;
    @include media-breakpoint-down(sm){
      right: 0;
      bottom: 0;
    }
    border: none;
    z-index: 1;
    background-color: transparent;
    svg{
      height: 35px;
      color: $primary;
    }
    &:hover{
      svg{
        color: $primary2;
      }
    }
  }
  .rc-switch-checked {
    border-color: $primary;
    background-color: $primary;
    &.rc-switch-disabled{
      border-color: $primary;
      background-color: $primary;
    }
  }
}

@include media-breakpoint-down(sm){
  .gdpr{
    padding: $size-medium $size-small;
    width: 90%;
  }
}