.wp-block-button__link svg {
  vertical-align: middle;
  fill: currentcolor;
}

.wp-block-button__link {
  background: none !important;
}

.wp-block-button:not(.wc-block-components-product-button) {
  display: flex !important;
  align-items: center;
  gap: 12px;
  --c: var(--wp--preset--color--primary);
  --ca: var(--wp--preset--color--contrast);
  --ch: hsl(25, 100%, 30%);
  --p: 100%;
  --s: calc(50% + 2em);
  text-decoration: none;
  text-align: center;
  background: conic-gradient(from -135deg at 100% 50%, var(--c) 90deg, rgba(0, 0, 0, 0) 0) 0 var(--p, 0%)/var(--s, 0%) 200% no-repeat, conic-gradient(from -135deg at 3.25rem 50%, rgba(0, 0, 0, 0) 90deg, var(--c) 0) 100% var(--p, 0%)/var(--s, 0%) 200% no-repeat;
  transition: 0.4s, background-position 0s, color 0s;
  padding: var(--wp--custom--button-padding);
  border: 2.5px solid var(--c);
  border-radius: var(--wp--custom--button-border-radius);
  cursor: pointer;
}
.wp-block-button:not(.wc-block-components-product-button)::after {
  content: "\f061";
  font-family: var(--fa-style-family-sharp);
  font-weight: 900;
}
.wp-block-button:not(.wc-block-components-product-button),
.wp-block-button:not(.wc-block-components-product-button) a {
  color: var(--ca);
}
.wp-block-button:not(.wc-block-components-product-button) a {
  padding: 0 !important;
  font-weight: 666;
}
.wp-block-button:not(.wc-block-components-product-button):hover {
  --p: 0%;
  --s: 0%;
}
.wp-block-button:not(.wc-block-components-product-button):hover,
.wp-block-button:not(.wc-block-components-product-button):hover a {
  color: var(--ch);
}
.wp-block-button:not(.wc-block-components-product-button).is-style-outline {
  --p: 0%;
  --s: 0%;
}
.wp-block-button:not(.wc-block-components-product-button).is-style-outline,
.wp-block-button:not(.wc-block-components-product-button).is-style-outline a {
  color: var(--c);
}
.wp-block-button:not(.wc-block-components-product-button).is-style-outline a {
  border: unset;
  border-radius: unset;
}
.wp-block-button:not(.wc-block-components-product-button).is-style-outline:hover {
  --p: 100%;
  --s: calc(50% + 2em);
}
.wp-block-button:not(.wc-block-components-product-button).is-style-outline:hover,
.wp-block-button:not(.wc-block-components-product-button).is-style-outline:hover a {
  color: var(--ca);
}