.wp-block-button.is-style-landfall-arrow .wp-block-button__link,
.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link {
  display: inline-flex;
  align-items: center;

  line-height: 1;
}

.wp-block-button.is-style-landfall-arrow .wp-block-button__link {
  gap: 1.125rem;
}
.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link {
  gap: 3.5rem;
}

.wp-block-button.is-style-landfall-arrow .wp-block-button__link::after,
.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  background-color: currentColor;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
  -webkit-mask: url("./arrow-up-right.svg") center / contain no-repeat;
  mask: url("./arrow-up-right.svg") center / contain no-repeat;
}

.wp-block-button.is-style-landfall-arrow .wp-block-button__link:hover::after,
.wp-block-button.is-style-landfall-arrow .wp-block-button__link:focus-visible::after,
.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link:hover::after,
.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link:focus-visible::after {
  transform: rotate(45deg);
}

.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link {
  color: var(--wp--preset--color--green-50, #f2ffe5);
  border: 1px solid rgba(242, 255, 229, 0.25);
  backdrop-filter: blur(50px);
  transition:
    color 0.3s ease-in-out,
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out;

  background-color: rgba(242, 255, 229, 0.12);
  transition:
    color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}

.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link:hover,
.wp-block-button.is-style-landfall-arrow-alt .wp-block-button__link:focus-visible {
  background-color: rgba(242, 255, 229, 0.01);
}