#cookie-dialog {
  display: none;
  margin: auto 2em 2em auto;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 2px 15px #3335;
  padding: 1em;
  max-width: 500px;
  border: 1px solid #777;
  border-radius: 3px;

  &[open] {
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    z-index: 1001;
  }

  > p {
    &:last-child {
      display: flex;
      gap: 1em;
      margin: 0;

      > a.more {
        margin-right: auto;
        border-color: #ef7b00;
        box-shadow: 0 0 0 2px #ef7b0060, 0 0 0 4px #ef7b0040,
          0 0 0 6px #ef7b0020;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  #cookie-dialog {
    max-width: 100%;
    margin: 0;

    > p:last-child {
      display: flex;
      flex-direction: column;

      > * {
        box-sizing: border-box;
        width: 100%;
        text-align: center;
      }
    }
  }
}