.c-capsule-button{--_icon-size:1.5em;align-items:center;border-radius:var(--wp--custom--border-radius--capsule);color:var(--wp--preset--color--white);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;line-height:1.4;min-height:3.7em;overflow:clip;padding:.85em 2.5em;position:relative;text-decoration:none;transition:all .3s var(--wp--custom--ease--in-out);z-index:1;--cb-base-color:var(--_js-capsule-button-base-color);--cb-hover-target:var(--cb-base-color)}.c-capsule-button:has(.c-capsule-button__icon-wrapper--left){padding-left:2em}.c-capsule-button:has(.c-capsule-button__icon-wrapper--right){padding-right:2em}.c-capsule-button:has(.c-capsule-button__input){padding:0}.c-capsule-button--filled{border-width:0!important;color:var(--wp--preset--color--white)}.c-capsule-button--filled:before{background:var(--cb-hover-target);border-radius:0 var(--wp--custom--border-radius--capsule) 0 var(--wp--custom--border-radius--capsule);content:"";filter:brightness(1.75) saturate(.72) hue-rotate(358deg);height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:all var(--wp--custom--hover-transition-lazy) var(--wp--custom--ease--in-out);width:150%;z-index:-1}.c-capsule-button--filled[style*="--_js-capsule-button-base-color: #fff"]:before,.c-capsule-button--filled[style*="--_js-capsule-button-base-color: #ffffff"]:before,.c-capsule-button--filled[style*="--_js-capsule-button-base-color: rgb(255, 255, 255)"]:before,.c-capsule-button--filled[style*="--_js-capsule-button-base-color: white"]:before{background:var(--wp--preset--color--light-blue);filter:none}.c-capsule-button--filled:hover{text-decoration:none}.c-capsule-button--filled:hover:before{transform:translateX(-3em)}.c-capsule-button--outline{background-color:transparent;box-shadow:inset 0 0 0 1px currentcolor;color:currentcolor}.c-capsule-button--outline:before{background:currentcolor}.c-capsule-button--outline:hover{opacity:.6}.c-capsule-button__text{color:inherit;font-weight:700}.c-capsule-button__icon-container{height:var(--_icon-size);overflow:hidden;position:relative;width:var(--_icon-size)}.c-capsule-button__icon-container br{display:none}.c-capsule-button__icon-wrapper{align-items:center;display:flex;height:var(--_icon-size);justify-content:center;overflow:hidden;position:absolute;translate:calc(var(--_icon-size)*-1) 0;width:calc(var(--_icon-size)*2)}.c-capsule-button:hover .c-capsule-button__icon-wrapper{transition:translate .45s var(--wp--custom--ease--in-out),color .3s ease;translate:0}.c-capsule-button__icon-wrapper--left{translate:calc(var(--_icon-size)*0) 0}.c-capsule-button:hover .c-capsule-button__icon-wrapper--left{transition:translate .45s var(--wp--custom--ease--in-out),color .3s ease;translate:calc(var(--_icon-size)*-1) 0}.c-capsule-button__icon-wrapper--down{flex-direction:column;height:calc(var(--_icon-size)*2);translate:0 calc(var(--_icon-size)*-1);width:var(--_icon-size)}.c-capsule-button:hover .c-capsule-button__icon-wrapper--down{transition:translate .45s var(--wp--custom--ease--in-out),color .3s ease;translate:0}[class^=c-capsule-button__icon--]{align-items:center;display:flex;height:var(--_icon-size);justify-content:center;width:var(--_icon-size)}.c-capsule-button__icon{color:inherit;font-size:.8em;line-height:1}.c-capsule-button__icon--arrow{font-size:1.2em!important}.c-capsule-button__icon--external{font-size:1.1em!important}.c-capsule-button__icon--custom{font-size:.9em!important}.c-capsule-button--width-auto{min-width:-moz-fit-content;min-width:fit-content;width:auto}.c-capsule-button--width-full{justify-content:center;width:100%}.c-capsule-button__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--_form-primary-color);border:none;border-radius:var(--wp--custom--border-radius--capsule);cursor:pointer;display:block;height:100%;line-height:1.4;margin:0;min-height:44px;min-width:11rem;padding:.9em 2em;padding-left:calc(var(--_icon-size)*3);padding-right:calc(2em + var(--_icon-size)*2);transition:background-color .3s ease;width:100%}.c-capsule-button__input:disabled{cursor:not-allowed}.c-capsule-button__input:disabled,.c-capsule-button__input:disabled:hover{background-color:var(--_form-disabled-color)}.c-capsule-button__text:has(.c-capsule-button__input)~.c-capsule-button__icon-container{left:calc(var(--_icon-size)*-1.5);margin-left:calc(var(--_icon-size)*-1)}.c-capsule-button__text:has(.c-capsule-button__input:disabled)~.c-capsule-button__icon-container .c-capsule-button__icon-wrapper{cursor:not-allowed;translate:none}