/* Light Button */
.wp-block-button__link:where(.button--light),
.wp-block-button:where(.button--light) .wp-block-button__link {
  color: var(--wp--preset--color--purple-800, #27144C);
  background: var(--wp--preset--color--base);
  transition: background 0.2s ease;

  &:hover {
    background: var(--wp--preset--color--magenta-100, #ffe4f3);
  }
}

/* Large Instance */
.wp-block-button__link:where(.button--large),
.wp-block-button:where(.button--large) .wp-block-button__link {
  font-size: 18px;
  line-height: 1.35;
  padding: 1.11em 2.22em;
}

/* Large + Light Instance */
.wp-block-button:where(.button--large.button--light) .wp-block-button__link {
  border: 0;
}

/* Large + Outline Instance */
.wp-block-button:where(.is-style-outline.button--large) .wp-block-button__link {
  padding: 1.055em 2.11em;
  transition-property: color, background;
  transition-duration: 0.2s;
  transition-timing-function: ease;

  @media screen and (max-width: 599px) {
    font-size: 1rem !important;
    padding: 0.9375em 1.9375em;
  }
}
.wp-block-button:where(.is-style-outline.button--large) .wp-block-button__link:hover {
  color: var(--wp--preset--color--purple-800, #27144C);
  background: var(--wp--preset--color--base);
}

/* Secondary Button */
.wp-block-button:where(.is-style-outline.button--secondary) .wp-block-button__link {
  color: var(--wp--preset--color--purple-500, #6f38b8);
  background-color: var(--wp--preset--color--base);

  &:hover {
    color: var(--wp--preset--color--purple-500, #6f38b8);
    background-color: var(--wp--preset--color--purple-50, #f1f1f9);
  }
}

/* Accordion Button */
:where(.wp-element-button):has(> .wp-element-button__icon) {
  display: inline-flex;
  gap: 0.5rem;
}