:root {
  --cover-height: clamp(360px, 70vw, 600px);
  --home-cover-height: clamp(400px, 70vw, 800px);
}

.wp-block-cover.is-style-page,
.wp-block-cover.is-style-home {
  display: flex;
  flex-direction: column;
}

.wp-block-cover.is-style-page .wp-block-cover__inner-container>.wp-block-image, .wp-block-cover.is-style-home .wp-block-cover__inner-container>.wp-block-image {
    max-width: 75%;
  }

.wp-block-cover.is-style-page .wp-block-cover__image-background,
  .wp-block-cover.is-style-page .wp-block-cover__background,
  .wp-block-cover.is-style-home .wp-block-cover__image-background,
  .wp-block-cover.is-style-home .wp-block-cover__background {
    border-bottom-right-radius: calc(var(--home-cover-height) / 2);
    max-width: calc(50vw + var(--wp--style--global--wide-size) / 2);
  }


@media (min-width: 782px) {
    .wp-block-cover.is-style-page .wp-block-cover__inner-container, .wp-block-cover.is-style-home .wp-block-cover__inner-container {
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .wp-block-cover.is-style-page .wp-block-cover__inner-container>.wp-block-image,
    .wp-block-cover.is-style-page .wp-block-cover__inner-container>.middle-text,
    .wp-block-cover.is-style-home .wp-block-cover__inner-container>.wp-block-image,
    .wp-block-cover.is-style-home .wp-block-cover__inner-container>.middle-text {
      margin: auto 0;
    }

    .wp-block-cover.is-style-page .wp-block-cover__inner-container>.bottom-text, .wp-block-cover.is-style-home .wp-block-cover__inner-container>.bottom-text {
      margin-top: auto;
    }
}

/* Page Cover Styles */
.wp-block-cover.is-style-page {
  min-height: var(--cover-height);
}

/* Home Cover Styles */
.wp-block-cover.is-style-home {
  min-height: var(--home-cover-height);
}

.wp-block-cover.is-style-home .wp-block-cover__scroll-button {
  position: absolute;
  bottom: clamp(1rem, 5vw, 2.5rem);
  right: clamp(2rem, 7vw, 4rem);
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.wp-block-cover.is-style-home .wp-block-cover__scroll-button svg {
    width: 50%;
    height: 50%;
  }

.wp-block-cover.is-style-home .wp-block-cover__scroll-button:hover svg {
    animation: bounce 1s infinite;
  }

@media (min-width: 782px) {
  .wp-block-cover.is-style-home .wp-block-cover__scroll-button {
    width: 96px;
    height: 96px;
    bottom: clamp(1rem, 3vw, 3rem);
    right: clamp(3rem, 7vw, 6rem);
  }
}

@media (min-width: 1440px) {
  .wp-block-cover.is-style-home .wp-block-cover__scroll-button {
    bottom: 3rem;
    left: calc((50vw + var(--wp--style--global--wide-size) / 2) - 172px);
  }
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(-6px);
  }

  50% {
    transform: translateY(0);
  }

  70% {
    transform: translateY(-3px);
  }

  100% {
    transform: translateY(0);
  }
}