/** Shopify CDN: Minification failed

Line 6:0 Unexpected "$"

**/
$btn-color: #716eef;
$btn-hover-color: #4b48cb;

[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),
[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),
[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),
[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),
[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),
[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static) {
  position: relative;
  background-color: $btn-color;
  border-color: $btn-color;
  color: #fff;
  overflow: hidden;

  &::before,
  &::after {
    width: 49px;
    height: 35px;
    position: absolute;
    border-radius: 50%;
    background-color: $btn-hover-color;
    transition: all 1s ease;
    transform: scale(0);
    content: "";
    z-index: -1;
  }

  &::before {
    top: -8px;
    left: 10%;
  }

  &::after {
    bottom: -8px;
    right: 15%;
  }

  &:hover {
    background-color: $btn-hover-color;
    border-color: $btn-hover-color;

    &::before,
    &::after {
      transform: scale(1);
    }
  }
}