div.cookies-consent {

  border-style:     solid;
  border-width:     0.15rem 0 0 0;
  border-radius:    0.5rem;

  position:         fixed;
    bottom:         4%;
  margin:           0 2%;
  padding:          2% 0;
  width:            96%;

  font-size:        0.9rem;

  background-color: var(--gdprBG);

  & ul {

    display:          flex;
    flex-direction:   row;
    justify-content:  flex-end;
    padding:          0.25em 3%;
    width:            94%;

  }

  & li {

    border-radius:  0.5rem;
    margin:         0 0 0 0;
    padding:        1em 1em;
    list-style:     none;

    font-size:      0.8rem;

    color:          var(--gdprText);

  }

  & li:last-of-type {

    cursor:         pointer;
    display:        flex;
      flex-direction: row;
      align-items:    center;

    font-size:      0.9rem;
    text-align:     center;

    background-color: var(--btnSuccessBG);
    color:            var(--btnSuccessText);

  }

  & li:last-of-type:hover { color: var(--baseDecoration); }

  & a         { color: var(--gdprLink); outline: none; }
  & a:visited { color: var(--gdprVisited); }
  & a:hover   { color: var(--gdprHover); }
  & a:active  { color: var(--gdprLink); }

}