.f-cta{--label-background-color: var(--color-blue-ocean);--label-color: var(--color-white);--label-hover-background-color: var(--color-pearl);position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.has-theme-dark-always .f-cta,.has-theme-dark .f-cta{--label-background-color: var(--color-grey-light);--label-color: var(--color-blue-teal);--label-hover-background-color: var(--color-grey-neutral)}.has-theme-light-alternative-hover .f-cta{--label-hover-background-color: var(--color-grey-neutral)}.f-cta__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;padding:0.25rem 1.5rem 0 2rem;background-color:var(--label-background-color);color:var(--label-color);border-radius:28px;white-space:nowrap;margin-left:-1.4375rem;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.f-cta.is-small .f-cta__label{height:40px}button:hover .f-cta__label,button:focus .f-cta__label,button:active .f-cta__label,a:hover .f-cta__label,a:focus .f-cta__label,a:active .f-cta__label{background-color:var(--label-hover-background-color)}
.f-cta-icon{--icon-background-color: var(--color-grey-light);--icon-fill-color: var(--color-blue-ocean);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--icon-background-color);border-radius:40px;width:68px;height:52px;padding:0 0.875rem;position:relative;overflow:hidden;z-index:2}.has-theme-dark-always .f-cta-icon,.has-theme-dark .f-cta-icon{--icon-background-color: var(--color-pearl);--icon-fill-color: var(--color-grey-light)}.has-theme-grey .f-cta-icon{--icon-background-color: var(--color-white)}.has-theme-light-alternative-hover .f-cta-icon{--icon-background-color: var(--color-pearl);--icon-fill-color: var(--color-grey-light)}.has-theme-dark .has-theme-alternate .f-cta-icon{--icon-background-color: var(--color-white);--icon-fill-color: var(--color-blue-ocean)}.f-cta-icon.is-small{width:60px;height:40px}.f-cta-icon__icon{fill:var(--icon-fill-color);width:20px;height:20px;position:absolute;inset:0;margin:auto;pointer-events:none;-webkit-transition:opacity .35s ease,-webkit-transform .45s cubic-bezier(0.22, 0.61, 0.36, 1);transition:opacity .35s ease,-webkit-transform .45s cubic-bezier(0.22, 0.61, 0.36, 1);transition:transform .45s cubic-bezier(0.22, 0.61, 0.36, 1),opacity .35s ease;transition:transform .45s cubic-bezier(0.22, 0.61, 0.36, 1),opacity .35s ease,-webkit-transform .45s cubic-bezier(0.22, 0.61, 0.36, 1)}button:hover .f-cta-icon__icon,button:focus .f-cta-icon__icon,button:active .f-cta-icon__icon,a:hover .f-cta-icon__icon,a:focus .f-cta-icon__icon,a:active .f-cta-icon__icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.has-icon-arrow-right .f-cta-icon__icon--a{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}button:hover .has-icon-arrow-right .f-cta-icon__icon--a,button:focus .has-icon-arrow-right .f-cta-icon__icon--a,button:active .has-icon-arrow-right .f-cta-icon__icon--a,a:hover .has-icon-arrow-right .f-cta-icon__icon--a,a:focus .has-icon-arrow-right .f-cta-icon__icon--a,a:active .has-icon-arrow-right .f-cta-icon__icon--a{opacity:0;-webkit-transform:translateX(60%);-ms-transform:translateX(60%);transform:translateX(60%)}.has-icon-arrow-right .f-cta-icon__icon--b{opacity:0;-webkit-transform:translateX(-60%);-ms-transform:translateX(-60%);transform:translateX(-60%)}button:hover .has-icon-arrow-right .f-cta-icon__icon--b,button:focus .has-icon-arrow-right .f-cta-icon__icon--b,button:active .has-icon-arrow-right .f-cta-icon__icon--b,a:hover .has-icon-arrow-right .f-cta-icon__icon--b,a:focus .has-icon-arrow-right .f-cta-icon__icon--b,a:active .has-icon-arrow-right .f-cta-icon__icon--b{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.has-icon-arrow-up-right .f-cta-icon__icon--a{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}button:hover .has-icon-arrow-up-right .f-cta-icon__icon--a,button:focus .has-icon-arrow-up-right .f-cta-icon__icon--a,button:active .has-icon-arrow-up-right .f-cta-icon__icon--a,a:hover .has-icon-arrow-up-right .f-cta-icon__icon--a,a:focus .has-icon-arrow-up-right .f-cta-icon__icon--a,a:active .has-icon-arrow-up-right .f-cta-icon__icon--a{opacity:0;-webkit-transform:translate(55%, -55%);-ms-transform:translate(55%, -55%);transform:translate(55%, -55%)}.has-icon-arrow-up-right .f-cta-icon__icon--b{opacity:0;-webkit-transform:translate(-55%, 55%);-ms-transform:translate(-55%, 55%);transform:translate(-55%, 55%)}button:hover .has-icon-arrow-up-right .f-cta-icon__icon--b,button:focus .has-icon-arrow-up-right .f-cta-icon__icon--b,button:active .has-icon-arrow-up-right .f-cta-icon__icon--b,a:hover .has-icon-arrow-up-right .f-cta-icon__icon--b,a:focus .has-icon-arrow-up-right .f-cta-icon__icon--b,a:active .has-icon-arrow-up-right .f-cta-icon__icon--b{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
