@layer components {
  .c-component-action--gradient { background-image: linear-gradient(120deg,var(--wa-gradient-start),var(--wa-gradient-middle) 52%,var(--wa-gradient-end)); border-color: transparent; box-shadow: none; }
  .c-component-action--gradient:hover:not(:disabled):not([aria-disabled="true"]) { filter: brightness(.94); transform: none; box-shadow: none; }
  .c-component-action--gradient:active:not(:disabled):not([aria-disabled="true"]) { transform: none; box-shadow: none; }
  .c-component-action--gradient:disabled, .c-component-action--gradient[aria-disabled="true"] { background-image: none; filter: none; }
}
@layer components {
  .c-component-action--gradient.c-button { min-block-size: 3.6rem; padding: .8rem 1.35rem; }
  .c-composition-header--editorial-bar .c-component-action--gradient.c-button { min-block-size: 2.9rem; padding: .65rem 1rem; }
}