/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */

.button,input.button{@apply inline-flex items-center justify-center w-auto gap-s py-1.5 px-4 lg:px-6 text-white text-buttonText !no-underline border-solid border-2 rounded-full text-left hover:cursor-pointer;@apply focus:border-system-warning-primary focus:outline-none;@apply disabled:border-neutralQuaternary disabled:bg-neutralQuaternary disabled:text-neutralTertiary disabled:pointer-events-none;&.icon-leading{@apply flex-row-reverse pl-2 lg:pl-4 nojs:pl-4 nojs:lg:pl-6;}&.icon-trailing{@apply flex-row pr-2 lg:pr-4 nojs:pr-4 nojs:lg:pr-6;}&.icon-only{@apply p-1.5 leading-none;}&.icon-only .title,&[class*="icon-only-"] .title{@apply sr-only;}&.icon-only-sm{@apply max-sm:p-1.5 max-sm:leading-none;.title{@apply sm:not-sr-only;}}&.icon-only-md{@apply max-md:p-1.5 max-md:leading-none;.title{@apply md:not-sr-only;}}&.icon-only-lg{@apply max-lg:p-1.5 max-lg:leading-none;.title{@apply lg:not-sr-only;}}&.icon-only-xl{@apply max-xl:p-1.5 max-xl:leading-none;.title{@apply xl:not-sr-only;}}.icon{@apply w-6 h-6 text-center leading-6 empty:hidden;}}.button-primary,input.button-primary{@apply bg-primary border-primary dark:bg-white dark:border-current dark:text-primary;}.button-secondary{@apply bg-secondary border-secondary dark:bg-white dark:border-current dark:text-secondary;}.button-primary:not(.button-outline,.button-inverted):focus,.button-secondary:not(.button-outline,.button-inverted):focus{text-decoration:underline !important;}.button-tertiary{@apply bg-tertiary border-tertiary text-secondary dark:bg-white dark:border-current dark:text-tertiary;}.button-outline{@apply border-current;}.button-inverted{@apply border-white disabled:border-transparent;}.button-outline,.button-inverted{@apply bg-white;}.button-outline.button-primary,.button-inverted.button-primary{@apply text-primary;}.button-outline.button-secondary,.button-inverted.button-secondary{@apply text-secondary;}
@layer components{.hero-banner--content > div{@apply flex-wrap;}.paragraph--hero-banner .content-container.content-fade-background-black::before{position:absolute;z-index:0;left:0;display:block;width:100%;height:100%;content:"";background:linear-gradient(90deg,rgb(0,0,0,1) 20%,rgb(0,0,0,0) 100%);}.paragraph--hero-banner .content-container.content-fade-background-primary::before{position:absolute;z-index:0;left:0;display:block;width:100%;height:100%;content:"";background:linear-gradient(90deg,rgb(213,0,50,1) 20%,rgb(213,0,50,0) 100%);}.paragraph--hero-banner .content-container.content-fade-background-secondary::before{position:absolute;z-index:0;left:0;display:block;width:100%;height:100%;content:"";background:linear-gradient(90deg,rgb(55,55,65,1) 20%,rgb(55,55,65,0) 100%);}.paragraph--hero-banner .content-container.content-fade-background-tertiary::before{position:absolute;z-index:0;left:0;display:block;width:100%;height:100%;content:"";background:linear-gradient(90deg,rgb(242,242,234,1) 20%,rgb(242,242,234,0) 100%);}.hero-banner--content .heroSubtitle p:first-child{@apply lg:text-heroSubtitle text-heroSubtitle-mobile;}.paragraph--hero-banner.bg-money-matters{background-color:var(--money-matters-color-primary);}.brand-money-matters [data-component-id="ajbell:hero_banner"]{color:white;background-color:var(--money-matters-color-primary);}}
@layer components{.icon{@apply !font-normal;}}