a.btn,button.btn{--font-size:var(--basic-fs);--padding-block:var(--s);--padding-inline:var(--m);--min-width:auto;--color:inherit;--background-color:inherit;--border:var(--hover-border);--min-height:36px;--loading-left:var(--s);font-size:var(--font-size);line-height:var(--font-size);padding-top:var(--padding-block);padding-bottom:var(--padding-block);padding-left:var(--padding-inline);padding-right:var(--padding-inline);color:var(--color);background-color:var(--background-color);border:var(--border);border-radius:var(--core-border-radius-sm);min-width:var(--min-width);min-height:var(--min-height);box-shadow:none;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.645,.045,.355,1);display:flex;position:relative}a.btn:hover,button.btn:hover{color:var(--white)}a.btn:hover svg,button.btn:hover svg{fill:var(--white)}a.btn:hover .inner-loader-container span,button.btn:hover .inner-loader-container span{border-color:var(--white);border-bottom-color:transparent}a.btn:hover #Layer_1,a.btn:hover #Layer_2,a.btn:hover #Layer_3,button.btn:hover #Layer_1,button.btn:hover #Layer_2,button.btn:hover #Layer_3{fill:#fff}a.btn--icon-right,a.btn--icon-left,button.btn--icon-right,button.btn--icon-left{flex-direction:row;align-items:center;display:flex}a.btn--icon-right .icon-right__container,a.btn--icon-right .icon-left__container,a.btn--icon-left .icon-right__container,a.btn--icon-left .icon-left__container,button.btn--icon-right .icon-right__container,button.btn--icon-right .icon-left__container,button.btn--icon-left .icon-right__container,button.btn--icon-left .icon-left__container{justify-content:center;align-items:center;width:20px;height:20px;display:flex}a.btn--icon-right .icon-right__container svg,a.btn--icon-right .icon-left__container svg,a.btn--icon-left .icon-right__container svg,a.btn--icon-left .icon-left__container svg,button.btn--icon-right .icon-right__container svg,button.btn--icon-right .icon-left__container svg,button.btn--icon-left .icon-right__container svg,button.btn--icon-left .icon-left__container svg{width:100%}a.btn--icon-right .icon-right__container,a.btn--icon-left .icon-right__container,button.btn--icon-right .icon-right__container,button.btn--icon-left .icon-right__container{margin-left:var(--xs)}a.btn--icon-right .icon-left__container,a.btn--icon-left .icon-left__container,button.btn--icon-right .icon-left__container,button.btn--icon-left .icon-left__container{margin-right:var(--xs)}a.btn--primary,button.btn--primary{--color:var(--white);--background-color:var(--color-secondary)}a.btn--primary:hover,button.btn--primary:hover{--background-color:var(--lnx-btn-hover);border-color:var(--lnx-btn-hover)}a.btn--primary--icon-right svg,a.btn--primary--icon-left svg,button.btn--primary--icon-right svg,button.btn--primary--icon-left svg{fill:var(--color)}a.btn--primary .inner-loader-container span,button.btn--primary .inner-loader-container span{border-color:var(--white);border-bottom-color:transparent}a.btn--secondary,button.btn--secondary{--color:var(--color-secondary);--background-color:var(--white);--border:var(--hover-border)}a.btn--secondary svg,button.btn--secondary svg{fill:var(--color-secondary)}a.btn--secondary .inner-loader-container span,button.btn--secondary .inner-loader-container span{border-color:var(--color-secondary);border-bottom-color:transparent}a.btn--secondary:hover,button.btn--secondary:hover{--background-color:var(--color-secondary)}a.btn--tertiary,button.btn--tertiary{--color:var(--color-primary);--background-color:var(--white);--border:var(--focus-border)}a.btn--tertiary svg,button.btn--tertiary svg{fill:var(--color-primary)}a.btn--tertiary .inner-loader-container span,button.btn--tertiary .inner-loader-container span{border-color:var(--color-primary);border-bottom-color:transparent}a.btn--tertiary:hover,button.btn--tertiary:hover{--background-color:var(--color-primary)}a.btn:focus-visible{--border:var(--focus-border)}button.btn:focus-visible{--border:var(--focus-border)}a.btn:disabled,a.btn--disabled,button.btn:disabled,button.btn--disabled{--color:var(--white);--background-color:var(--light-grey-bg);--border:none;cursor:not-allowed}a.btn:disabled svg,a.btn--disabled svg,button.btn:disabled svg,button.btn--disabled svg{fill:var(--white)}a.btn:disabled .inner-loader-container span,a.btn--disabled .inner-loader-container span,button.btn:disabled .inner-loader-container span,button.btn--disabled .inner-loader-container span{border-color:var(--white);border-bottom-color:transparent}a.btn:disabled:hover,a.btn--disabled:hover,button.btn:disabled:hover,button.btn--disabled:hover{--background-color:var(--light-grey-bg)}a.btn:disabled:hover svg,a.btn--disabled:hover svg,button.btn:disabled:hover svg,button.btn--disabled:hover svg{fill:var(--white)}a.btn:disabled:hover .inner-loader-container span,a.btn--disabled:hover .inner-loader-container span,button.btn:disabled:hover .inner-loader-container span,button.btn--disabled:hover .inner-loader-container span{border-color:var(--white);border-bottom-color:transparent}a.btn--normal,button.btn--normal{--padding-inline:var(--s);--loading-left:calc(var(--padding-inline) - 35px)}a.btn--wide,button.btn--wide{--padding-inline:2.5rem;--min-width:170px;--loading-left:calc(var(--padding-inline) - 25px)}@media (max-width:400px){a.btn--wide,button.btn--wide{--min-width:125px}}@media (max-width:300px){a.btn--wide,button.btn--wide{--min-width:auto}}a.btn--wider,button.btn--wider{--padding-inline:55px;--loading-left:calc(var(--padding-inline) - 35px)}a.btn--full,button.btn--full{width:100%}a.btn--small,button.btn--small{--padding-block:0;--font-size:var(--sm-fs);--min-height:20px}a.btn--medium,button.btn--medium{--font-size:var(--basic-fs);--min-height:36px}@media screen and (max-width:768px){a.btn--medium,button.btn--medium{--font-size:var(--sm-fs)}}a.btn--large,button.btn--large{--font-size:var(--basic-fs);--padding-block:var(--s);--min-height:var(--xxxl)}@media screen and (max-width:768px){a.btn--large,button.btn--large{--font-size:var(--sm-fs)}}a.btn--large--icon-right .icon-right__container,a.btn--large--icon-right .icon-left__container,a.btn--large--icon-left .icon-right__container,a.btn--large--icon-left .icon-left__container,button.btn--large--icon-right .icon-right__container,button.btn--large--icon-right .icon-left__container,button.btn--large--icon-left .icon-right__container,button.btn--large--icon-left .icon-left__container{width:26px;height:26px}a.btn--dark-mode,button.btn--dark-mode{color:var(--white)}
