.btn-mktg {
  position: relative;
  z-index: 1;
  display: inline-block;
  /* stylelint-disable-next-line primer/spacing */
  padding: 0.9rem 1.5rem 1.1rem;
  /* stylelint-disable-next-line primer/typography */
  font-size: 1rem;
  font-weight: var(--base-text-weight-semibold);
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  /* stylelint-disable-next-line primer/colors */
  color: var(--bgColor-default);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  /* stylelint-disable-next-line primer/colors */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%),
    var(--color-mktg-btn-bg) !important;
  border: 0;
  /* stylelint-disable-next-line primer/borders */
  border-radius: 0.375rem;
  transition: box-shadow 0.2s, outline 0.2s ease;
  -webkit-appearance: none !important;
          appearance: none !important;
}
.btn-mktg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    /* stylelint-disable-next-line primer/colors */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.2s;
    background-blend-mode: normal;
  }
.btn-mktg:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: var(--color-mktg-btn-shadow-hover) !important;
  }
:is(.btn-mktg:hover,.btn-mktg:focus,.btn-mktg:focus-visible,.btn-mktg.focus)::before {
      opacity: 1;
    }
/* fallback :focus state */
.btn-mktg:focus {
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px;
    box-shadow: none;
    /* remove fallback :focus if :focus-visible is supported */
  }
.btn-mktg:focus:not(:focus-visible) {
      outline: solid 1px transparent;
      box-shadow: none;
    }
/* default focus state */
.btn-mktg:focus-visible {
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px;
    box-shadow: none;
  }
.btn-mktg:active::before {
      opacity: 0.5 !important;
    }
.btn-mktg.disabled,.btn-mktg[disabled] {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
  }
.btn-muted-mktg {
  color: var(--fgColor-default) !important;
  background: none !important;
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: var(--color-mktg-btn-shadow-outline);
}
.btn-muted-mktg::before {
    display: none;
  }
.btn-muted-mktg:hover {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;
  }
.btn-muted-mktg:active {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: var(--fgColor-default) 0 0 0 3px inset !important;
  }
.btn-muted-mktg:disabled {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: var(--fgColor-default) 0 0 0 1px inset !important;
  }
.btn-subtle-mktg {
  color: var(--fgColor-default) !important;
  background: none !important;
  box-shadow: none !important;
}
.btn-subtle-mktg::before {
    background: none !important;
  }
.btn-subtle-mktg:hover {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;
  }
.btn-signup-mktg {
  /* stylelint-disable-next-line primer/colors */
  color: #fff;
  /* stylelint-disable-next-line primer/colors */
  background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%), rgb(46, 164, 79) !important;
}
.btn-signup-mktg::before {
    /* stylelint-disable-next-line primer/colors */
    background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%) !important;
  }
/* fallback :focus state */
.btn-signup-mktg:focus {
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px;
    box-shadow: none;
    /* remove fallback :focus if :focus-visible is supported */
  }
.btn-signup-mktg:focus:not(:focus-visible) {
      outline: solid 1px transparent;
      box-shadow: none;
    }
/* default focus state */
.btn-signup-mktg:focus-visible {
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px;
    box-shadow: none;
  }
/* Size modifiers */
.btn-small-mktg {
  /* stylelint-disable-next-line primer/spacing */
  padding: 0.625rem 1rem 0.8125rem;
}
.btn-large-mktg {
  /* stylelint-disable-next-line primer/spacing */
  padding: 16px 30px 20px !important;
  /* stylelint-disable-next-line primer/typography */
  font-size: 1.25rem;
}