/* Buttons CSS */
.button.button--cloud.button--fixed.w-full:not(.self-button) {
    --g: radial-gradient(50% 50%, #000 97.5%, #0000) no-repeat;
    mask: var(--g) 10% 0% / 14% 80%, var(--g) 24% 0% / 14% 80%, var(--g) 37% 0% / 14% 80%, var(--g) 51% 0% / 14% 80%, var(--g) 64% 0% / 14% 80%, var(--g) 77% 0% / 14% 80%, var(--g) 90% 0% / 14% 80%, var(--g) 2% 50% / 18% 60%, var(--g) 10% 100% / 14% 80%, var(--g) 24% 100% / 14% 80%, var(--g) 37% 100% / 14% 80%, var(--g) 51% 100% / 14% 80%, var(--g) 64% 100% / 14% 80%, var(--g) 77% 100% / 14% 80%, var(--g) 90% 100% / 14% 80%, var(--g) 98% 50% / 18% 60%, linear-gradient(#000 0 0) center / 91% 38% no-repeat;
    --border-opacity: 0;
    padding: 3.5rem 4.5rem;
}

.template-product .button.button--cloud.button--fixed.w-full:not(.self-button), a.button.button--cloud.button--md:not(.self-button),a.button.button--cloud.button--sm:not(.self-button),a.button.button--cloud.button--fixed:not(.self-button), .button.button--cloud:not(.self-button) {
    --g: radial-gradient(50% 50%, #000 97.5%, #0000) no-repeat;
    mask: var(--g) 12% 0% / 20% 80%, var(--g) 31% 0% / 20% 80%, var(--g) 50% 0% / 20% 80%, var(--g) 69% 0% / 20% 80%, var(--g) 88% 0% / 20% 80%, var(--g) 2% 50% / 18% 60%, var(--g) 12% 100% / 20% 80%, var(--g) 31% 100% / 20% 80%, var(--g) 50% 100% / 20% 80%, var(--g) 69% 100% / 20% 80%, var(--g) 88% 100% / 20% 80%, var(--g) 98% 50% / 18% 60%, linear-gradient(#000 0 0) center / 91% 38% no-repeat;
    --border-opacity: 0;
      padding: 2.5rem 4.5rem;
}

@media(max-width: 991px){ 
  .button.button--cloud.button--fixed.w-full:not(.self-button) , .template-product .button.button--cloud.button--fixed.w-full:not(.self-button), a.button.button--cloud.button--md:not(.self-button),a.button.button--cloud.button--sm:not(.self-button),a.button.button--cloud.button--fixed:not(.self-button), .button.button--cloud:not(.self-button) {
    --g: radial-gradient(50% 50%, #000 97.5%, #0000) no-repeat;
        mask: var(--g) 12% 0% / 20% 80%, var(--g) 31% 0% / 20% 80%, var(--g) 50% 0% / 20% 80%, var(--g) 69% 0% / 20% 80%, var(--g) 88% 0% / 20% 80%, var(--g) 2% 50% / 18% 60%, var(--g) 12% 100% / 20% 80%, var(--g) 31% 100% / 20% 80%, var(--g) 50% 100% / 20% 80%, var(--g) 69% 100% / 20% 80%, var(--g) 88% 100% / 20% 80%, var(--g) 98% 50% / 18% 60%, linear-gradient(#000 0 0) center / 91% 38% no-repeat;
    --border-opacity: 0;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}