.btn-primary {
  --btn-primary--color: var(--thm-white);
  --btn-primary--background-left: var(--thm-black);
  --btn-primary--background-right: var(--thm-black);
  --btn-primary--border-left: var(--thm-black);
  --btn-primary--border-right: var(--thm-black);
  --btn-primary--padding-y: 0.25em;
  --btn-primary--padding-x: 1.25em;
  --btn-primary--border-width: 0.125em;

  display: inline-block;
  padding: var(--btn-primary--padding-y) var(--btn-primary--padding-x);
  text-transform: uppercase;
  font-weight: 700;
  border-style: solid;
  border-width: var(--btn-primary--border-width);
  border-color: transparent;
  border-radius: 2.5em 2.5em 2.5em 0;
  font-size: 1em;
  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;
}

button.btn-primary, button.btn-secondary {
  appearance: none;
  font-family: inherit;
}

button.btn-primary {
  padding: calc(var(--btn-primary--padding-y) * 2) var(--btn-primary--padding-x);
}

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

.btn-primary--variant-outline {
  padding: calc(var(--btn-primary--padding-y) + 1px) var(--btn-primary--padding-x);
  border-width: calc(var(--btn-primary--border-width) - 1px);
}

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

.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--orange-400);
  --btn-primary--background-left: var(--thm-white);
  --btn-primary--background-right: var(--thm-white);
  --btn-primary--border-left: var(--wp--preset--color--orange-400);
  --btn-primary--border-right: var(--wp--preset--color--pink-500);
}

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

.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-800);
  --btn-primary--background-left: var(--thm-white);
  --btn-primary--background-right: var(--thm-white);
  --btn-primary--border-left: var(--wp--preset--color--pink-800);
  --btn-primary--border-right: var(--wp--preset--color--pink-800);
}

.btn-primary.btn-primary--theme-coolief.btn-primary--variant-solid {
  --btn-primary--color: var(--thm-white);
  --btn-primary--background-left: var(--wp--preset--color--coolief-blue);
  --btn-primary--background-right: var(--wp--preset--color--coolief-blue);
  --btn-primary--border-left: var(--wp--preset--color--coolief-blue);
  --btn-primary--border-right: var(--wp--preset--color--coolief-blue);
}

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

.btn-primary.btn-primary--theme-coolief.btn-primary--variant-outline {
  --btn-primary--color: var(--wp--preset--color--coolief-blue);
  --btn-primary--background-left: var(--thm-white);
  --btn-primary--background-right: var(--thm-white);
  --btn-primary--border-left: var(--wp--preset--color--coolief-blue);
  --btn-primary--border-right: var(--wp--preset--color--coolief-blue);
}

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

.btn-primary.btn-primary--theme-dark.btn-primary--variant-outline {
  --btn-primary--color: var(--thm-black);
  --btn-primary--background-left: var(--thm-white);
  --btn-primary--background-right: var(--thm-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(--thm-white);
  --btn-primary--background-right: var(--thm-white);
}

.btn-secondary {
  --btn-primary--color: var(--thm-black);
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  padding: 0;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition: all 350ms ease-in-out;
  color: var(--btn-primary--color) !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.25em);
}

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

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

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

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

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

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

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

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