.wc-block-components-product-button button,
.wc-block-components-product-button a {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  color: #fff;
  gap: 1rem;
  line-height: 1.2;
  text-decoration: none;
  padding: 10px 20px;
  border: 2.5px solid var(--wp--preset--color--secondary) !important;
  border-radius: 88px;
  overflow: hidden;
  transition: all 0.4s ease;
  box-sizing: border-box;
  cursor: pointer;
}
.wc-block-components-product-button button::before,
.wc-block-components-product-button a::before {
  content: "";
  position: absolute;
  inset: -10px;
  z-index: -1;
  border-radius: 88px;
  background-color: var(--wp--preset--color--secondary);
  transition: all 0.4s ease;
}
.wc-block-components-product-button button::after,
.wc-block-components-product-button a::after {
  content: "\f217";
  font-family: var(--fa-style-family-sharp);
  font-weight: 300;
  transition: all 0.4s ease;
}
.wc-block-components-product-button button:hover,
.wc-block-components-product-button a:hover {
  color: var(--wp--preset--color--secondary);
}
.wc-block-components-product-button button:hover::before,
.wc-block-components-product-button a:hover::before {
  translate: 100% 0;
}
.wc-block-components-product-button button:hover::after,
.wc-block-components-product-button a:hover::after {
  font-weight: 900;
}
.wc-block-components-product-button a::after {
  content: "\f061";
}