.bookmark-overlay {
  --overlay-max-width: 60rem;
  --overlay-animation: slide-slightly-from-bottom;
  --overlay-footer-height: 0;
  --overlay-icon-color: var(--color-orange);

  @include use-responsive-sizing(--overlay-icon-size, responsive-map(xs 2.6rem, xl 3.6rem));
}

.bookmark-overlay__inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 3rem;
  justify-content: center;
}

.bookmark-overlay__headline {
  display: flex;
  gap: 1rem;
}

.bookmark-overlay__headline-icon {
  color: var(--overlay-icon-color);
  flex-shrink: 0;
  font-size: var(--overlay-icon-size);
  margin-block: 0.1em;
}

.bookmark-overlay__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}