.page-wrap--cookie-permission {
  border-top: 0 none;
  background-color: @text-color-dark;
  color: #fff;
  @media screen and (min-width: @tabletLandscapeViewportWidth) {
    bottom: 20px;
    right: 20px;
    left: auto;
  }

  .cookie-permission--container {
    .unitize(padding, 32);
  }

  .cookie-permission--content {
    text-align: left;
  }
  .cookie-permission--button {

    display: flex;
    flex-direction: column-reverse;
  }

  .cookie-permission--accept-button,
  .cookie-permission--decline-button,
  .cookie-permission--configure-button {
    .unitize(margin-right, 0);
  }

  .cookie-permission--decline-button,
  .cookie-permission--configure-button {
    background-color: lighten(@text-color-dark,5%);
    color:  lighten(@text-color-dark,60%);
  }

}


@media screen and (min-width: @tabletLandscapeViewportWidth) {
  .page-wrap--cookie-permission .cookie-permission--container {
    .unitize-max-width(600, 16);


    &.cookie-mode--1 {
      .cookie-permission--content {
        width: inherit;

        &.cookie-permission--extra-button {
          width: inherit;
        }
      }

      .cookie-permission--button {
        width: auto;
        text-align: left;
        position: static;
        top: inherit;

        &.cookie-permission--extra-button {
          width: inherit;
        }
      }
    }

    .cookie-permission--content {
      padding: 0;
      float: none;
      margin-bottom: 1em;
    }

    .cookie-permission--button {
      margin: 0;
      float: none;
      display: flex;
      flex-direction: row;

    }

    .cookie-permission--accept-button,
    .cookie-permission--decline-button,
    .cookie-permission--configure-button {
      .unitize(margin-top, 10);
      .unitize(margin-right, 5);
    }

    .cookie-permission--accept-button {
      .unitize(padding-left, 30);
      .unitize(padding-right, 30);
    }



  }

}
