@primer/view-components/app/components/primer/alpha/button_marketing.css

ViewComponents for the Primer Design System

.btn-mktg{position:relative;z-index:1;display:inline-block;padding:.9rem 1.5rem 1.1rem;font-size:1rem;font-weight:var(--base-text-weight-semibold);line-height:1;color:var(--bgColor-default);text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#ffffff26 0,#fff0 100%),var(--color-mktg-btn-bg)!important;border:0;border-radius:.375rem;transition:box-shadow .2s,outline .2s ease;appearance:none!important}.btn-mktg:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(180deg,#ffffff26,#fff0)!important;border-radius:inherit;opacity:0;transition:opacity .2s;background-blend-mode:normal}.btn-mktg:hover{-webkit-text-decoration:none;text-decoration:none;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}.btn-mktg:focus{outline:2px solid var(--focus-outlineColor);outline-offset:2px;box-shadow:none}.btn-mktg:focus:not(:focus-visible){outline:1px solid #0000;box-shadow:none}.btn-mktg:focus-visible{outline:2px solid var(--focus-outlineColor);outline-offset:2px;box-shadow:none}.btn-mktg:active:before{opacity:.5!important}.btn-mktg.disabled,.btn-mktg[disabled]{pointer-events:none;cursor:default;opacity:.5}.btn-muted-mktg{color:var(--fgColor-default)!important;background:none!important;box-shadow:var(--color-mktg-btn-shadow-outline)}.btn-muted-mktg:before{display:none}.btn-muted-mktg:hover{box-shadow:var(--color-mktg-btn-shadow-hover-muted)!important}.btn-muted-mktg:active{box-shadow:var(--fgColor-default) 0 0 0 3px inset!important}.btn-muted-mktg:disabled{box-shadow:var(--fgColor-default) 0 0 0 1px inset!important}.btn-subtle-mktg{color:var(--fgColor-default)!important;box-shadow:none!important}.btn-subtle-mktg,.btn-subtle-mktg:before{background:none!important}.btn-subtle-mktg:hover{box-shadow:var(--color-mktg-btn-shadow-hover-muted)!important}.btn-signup-mktg{color:#fff;background:linear-gradient(180deg,#34b75926,#2ea44f00),#2ea44f!important}.btn-signup-mktg:before{background:linear-gradient(180deg,#34b75926,#2ea44f00)!important}.btn-signup-mktg:focus{outline:2px solid var(--focus-outlineColor);outline-offset:2px;box-shadow:none}.btn-signup-mktg:focus:not(:focus-visible){outline:1px solid #0000;box-shadow:none}.btn-signup-mktg:focus-visible{outline:2px solid var(--focus-outlineColor);outline-offset:2px;box-shadow:none}.btn-small-mktg{padding:.625rem 1rem .8125rem}.btn-large-mktg{padding:16px 30px 20px!important;font-size:1.25rem}