.btn-primary {
  --btn-primary--color: var(--wp--preset--color--white);
  --btn-primary--background-left: var(--wp--preset--color--black);
  --btn-primary--background-right: var(--wp--preset--color--black);
  --btn-primary--border-left: var(--wp--preset--color--black);
  --btn-primary--border-right: var(--wp--preset--color--black);
  --btn-primary--padding-y: 0.667em;
  --btn-primary--padding-x: 1.333em;
  --btn-primary--border-width: 2px;

  display: inline-block;
  padding: var(--btn-primary--padding-y) var(--btn-primary--padding-x) !important;
  border-style: solid;
  border-width: var(--btn-primary--border-width) !important;
  border-color: transparent;
  border-radius: 34px;
  text-align: center;
  color: var(--btn-primary--color) !important;
  background: linear-gradient(to right, var(--btn-primary--background-left) 0%, var(--btn-primary--background-right) 100%) padding-box, linear-gradient(to right, var(--btn-primary--border-left) 0%, var(--btn-primary--border-right) 100%) border-box !important;
  transition: all 250ms ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  text-decoration: inherit;
}

.btn-primary.btn-primary--theme-avanos.btn-primary--variant-solid {
  --btn-primary--color: var(--wp--preset--color--white);
  --btn-primary--background-left: var(--wp--preset--color--light-orange);
  --btn-primary--background-right: var(--wp--preset--color--light-pink);
  --btn-primary--border-left: var(--wp--preset--color--light-orange);
  --btn-primary--border-right: var(--wp--preset--color--light-pink);
}

.btn-primary.btn-primary--theme-avanos.btn-primary--variant-solid:hover,
.btn-primary.btn-primary--theme-avanos.btn-primary--variant-solid:focus-visible {
  --btn-primary--color: var(--wp--preset--color--white);
  --btn-primary--background-left: var(--wp--preset--color--orange);
  --btn-primary--background-right: var(--wp--preset--color--orange);
  --btn-primary--border-left: var(--wp--preset--color--orange);
  --btn-primary--border-right: var(--wp--preset--color--orange);
}

.btn-primary.btn-primary--theme-avanos.btn-primary--variant-outline {
  --btn-primary--color: var(--wp--preset--color--light-pink);
  --btn-primary--background-left: var(--wp--preset--color--white);
  --btn-primary--background-right: var(--wp--preset--color--white);
  --btn-primary--border-left: var(--wp--preset--color--light-pink);
  --btn-primary--border-right: var(--wp--preset--color--light-pink);
}

.btn-primary.btn-primary--theme-avanos.btn-primary--variant-outline:hover,
.btn-primary.btn-primary--theme-avanos.btn-primary--variant-outline:focus-visible {
  --btn-primary--color: var(--wp--preset--color--pink);
  --btn-primary--background-left: var(--wp--preset--color--white);
  --btn-primary--background-right: var(--wp--preset--color--white);
  --btn-primary--border-left: var(--wp--preset--color--pink);
  --btn-primary--border-right: var(--wp--preset--color--pink);
}

.btn-primary.btn-primary--theme-dark.btn-primary--variant-outline {
  --btn-primary--color: var(--wp--preset--color--black);
  --btn-primary--background-left: var(--wp--preset--color--white);
  --btn-primary--background-right: var(--wp--preset--color--white);
}

.btn-primary.btn-primary--theme-dark.btn-primary--variant-outline:hover,
.btn-primary.btn-primary--theme-dark.btn-primary--variant-outline:focus-visible {
  --btn-primary--background-left: var(--wp--preset--color--white);
  --btn-primary--background-right: var(--wp--preset--color--white);
}

.btn-primary.btn-primary--theme-mic-key.btn-primary--variant-solid {
  --btn-primary--color: var(--wp--preset--color--white);
  --btn-primary--background-left: #D61770;
  --btn-primary--background-right: #D61770;
  --btn-primary--border-left: transparent;
  --btn-primary--border-right: transparent;
}

.btn-primary.btn-primary--theme-mic-key.btn-primary--variant-solid:hover,
.btn-primary.btn-primary--theme-mic-key.btn-primary--variant-solid:focus-visible {
  --btn-primary--background-left: #D61770;
  --btn-primary--background-right: #D61770;
  --btn-primary--border-left: transparent;
  --btn-primary--border-right: transparent;
}

.btn-secondary {
  --btn-primary--color: var(--wp--preset--color--black);
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0 !important;
  text-decoration: none;
  transition: all 350ms ease-in-out;
  color: var(--btn-primary--color) !important;
  background: transparent !important;
}

.btn-secondary svg {
  width: 38px;
  flex-shrink: 0;
  transform: translateX(0);
  transition: transform 350ms ease-out;
}

.btn-secondary:hover,
.btn-secondary:focus-visible {
  text-decoration: inherit;
}

.btn-secondary:hover svg,
.btn-secondary:focus-visible svg {
  transform: translateX(0.25rem);
}

.btn-secondary.btn-secondary--theme-avanos {
  --btn-primary--color: var(--wp--preset--color--light-pink);
}

.btn-secondary.btn-secondary--theme-avanos:hover,
.btn-secondary.btn-secondary--theme-avanos:focus-visible {
  --btn-primary--color: var(--wp--preset--color--light-orange);
}

.btn-secondary.btn-secondary--theme-dark {
  --btn-primary--color: var(--wp--preset--color--black);
}

.btn-secondary.btn-secondary--theme-dark:hover,
.btn-secondary.btn-secondary--theme-dark:focus-visible {
  --btn-primary--color: var(--wp--preset--color--black);
}

.btn-secondary.btn-secondary--theme-light {
  --btn-primary--color: var(--wp--preset--color--white);
}

.btn-secondary.btn-secondary--theme-light:hover,
.btn-secondary.btn-secondary--theme-light:focus-visible {
  --btn-primary--color: var(--wp--preset--color--white);
}