.modal-open {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
}

.cookie_button {
  display: block;
  background: none;
  border: none;
  border: 2px solid hsla(0, 0%, 0%, 0.2);
  padding: 6px 18px;
  margin: 0 6px;
  cursor: pointer;
}

.cookie_modal {
  z-index: 999999;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 0%, 0.3);
}

.cookie_modal_popup {
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, hsl(0, 0%, 95%), hsl(0, 0%, 87%));
  box-shadow: 8px 2px 24px hsla(0, 0%, 0%, 0.2);
  overflow-y: scroll;
  max-height: 70vh;
}

.cookie_info {
  align-items: center;
  min-height: 100%;
  height: auto;
}

.cookie_info_content-wrapper {
  margin: 0 3em;
  padding-top: 3em;
  /*overflow: scroll;*/
}

.cookie_modal_popup_content-wrapper {
  margin: 2em 4em 0 4em;
  align-self: center;
}

.cookie_modal_popup_buttons-wrapper {
  margin-bottom: 2em;
  /*width: 100%;*/
  display: flex;
  justify-content: center;
}

.close_popup_button {
  border: none;
  position: absolute;
  font-size: 2em;
  right: 5%;
  top: 5%;
}

.close_popup_button::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
  cursor: pointer;
}

.cookies_read_more {
  color: hsl(240, 60%, 50%);
  cursor: pointer;
}

.toggle_visible {
  display: none;
}

.cookie_modal_close-button {
  width: 100%;
}

@media screen and (min-width: 720px) {
  .cookie_modal_popup {
    width: 600px;
    margin-top: -100px;
    margin-left: -300px;
    top: 50%;
    left: 50%;
  }
  .cookie_info {
    align-items: center;
    height: auto;
    padding: 2em 4em;
  }
  .cookie_info_content-wrapper {
    margin: 2em 2em 1em 2em;
  }
  .cookie_modal_close-button {
    width: auto;
  }
  .cookie_modal_popup_buttons-wrapper {
    margin: 0 0em 2em 3.5em;
    justify-content: flex-start;
  }
  .cookie_modal_close-button:hover {
    background-color: hsl(0, 0%, 95%);
    border: 2px solid hsl(0, 0%, 95%);
  }
}