.citrus-btn{background-color:var(--citrus-btn-background-color);border-color:var(--citrus-btn-border-color);border-width:0.0625rem;border-style:solid;display:inline-flex;align-items:center;justify-content:center;padding:.75em 1.5em;position:relative;z-index:1;border-radius:2em;fill:var(--citrus-btn-fill);color:var(--citrus-btn-color);font-size:1rem;font-weight:500;text-decoration:none;text-align:center;transition:background-color .3s,border-color .3s,color .3s,fill .3s}.citrus-btn:hover{background-color:var(--citrus-btn-hover-background-color);border-color:var(--citrus-btn-hover-border-color);fill:var(--citrus-btn-hover-fill);color:var(--citrus-btn-hover-color)}.citrus-btn:hover .citrus-btn__background{opacity:0}.citrus-btn:hover .citrus-btn__hover-background{opacity:1}.citrus-btn:hover .citrus-btn__icon{width:1.625rem;opacity:1;transition:width .3s,opacity .3s .3s}.citrus-btn__background,.citrus-btn__hover-background{position:absolute;top:-0.0625rem;bottom:-0.0625rem;left:-0.0625rem;right:-0.0625rem;z-index:-1;transition:opacity .3s}.citrus-btn__background{opacity:1}.citrus-btn__hover-background{opacity:0}.citrus-btn__icon{width:0;opacity:0;margin-top:-0.5625rem;margin-bottom:-0.5625rem;transition:width .3s,opacity .3s}.citrus-btn__icon svg{width:1.125rem;height:1.125rem;display:block;margin-left:0.5rem}.citrus-btn--full-width{width:100%}.citrus-btn--size-small{font-size:0.875rem}.citrus-btn--no-hover{pointer-events:none}.citrus-btn--outline{background-color:var(--citrus-btn-outline-background-color);border-color:var(--citrus-btn-outline-border-color);fill:var(--citrus-btn-outline-fill);color:var(--citrus-btn-outline-color)}.citrus-btn--outline:hover{background-color:var(--citrus-btn-outline-hover-background-color);border-color:var(--citrus-btn-outline-hover-border-color);fill:var(--citrus-btn-outline-hover-fill);color:var(--citrus-btn-outline-hover-color)}.citrus-btn-wrapper:hover .citrus-btn{background-color:var(--citrus-btn-hover-background-color);border-color:var(--citrus-btn-hover-border-color);fill:var(--citrus-btn-hover-fill);color:var(--citrus-btn-hover-color)}.citrus-btn-wrapper:hover .citrus-btn__icon{width:1.625rem;opacity:1;transition:width .3s,opacity .3s .3s}.citrus-btn-wrapper:hover .citrus-btn .citrus-btn__background{opacity:0}.citrus-btn-wrapper:hover .citrus-btn .citrus-btn__hover-background{opacity:1}.citrus-btn-wrapper:hover .citrus-btn--outline{background-color:var(--citrus-btn-outline-hover-background-color);border-color:var(--citrus-btn-outline-hover-border-color);fill:var(--citrus-btn-outline-hover-fill);color:var(--citrus-btn-outline-hover-color)}

/*# sourceMappingURL=template-part-citrus-btn.cb272ba36abba3c3d99d.css.map*/