.circle-expand-button{--ceb-bg:var(--color-primary);--ceb-expand-bg:#fff;--ceb-circle-bg:#fff;--ceb-circle-hover-bg:var(--color-primary);--ceb-arrow:#000;--ceb-arrow-hover:#fff;--ceb-outline:transparent;background-color:var(--ceb-bg);cursor:pointer;border:2px solid var(--ceb-outline);color:inherit;will-change:transform;border-radius:100px;justify-content:center;align-items:center;gap:14px;padding:8px 11px 8px 21px;font-size:20px;font-weight:400;text-decoration:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.circle-expand-button--dark{--ceb-bg:var(--color-primary-dark);--ceb-expand-bg:#fff;--ceb-circle-bg:#fff;--ceb-circle-hover-bg:var(--color-primary-dark);--ceb-arrow:#000;--ceb-arrow-hover:#fff;--ceb-outline:transparent}.circle-expand-button--outline{--ceb-bg:#fff;--ceb-expand-bg:var(--color-primary-dark);--ceb-circle-bg:var(--color-primary-dark);--ceb-circle-hover-bg:#fff;--ceb-arrow:#fff;--ceb-arrow-hover:var(--color-primary-dark);--ceb-outline:var(--color-primary-dark)}.circle-expand-button--dark:hover,.circle-expand-button--primary:hover{border-color:#fff}.button-text{white-space:nowrap;font-size:19px;line-height:1.2;transition:opacity .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.white-text{color:#fff;opacity:1;z-index:2}.black-text{color:var(--color-text-main);opacity:0;z-index:2;position:absolute;top:50%;left:21px;transform:translateY(-50%)}.circle-expand-button--primary:hover .white-text,.circle-expand-button--dark:hover .white-text{opacity:0}.circle-expand-button--primary:hover .black-text,.circle-expand-button--dark:hover .black-text{opacity:1}.circle-expand-button--outline .white-text{opacity:0}.circle-expand-button--outline .black-text,.circle-expand-button--outline:hover .white-text{opacity:1}.circle-expand-button--outline:hover .black-text{opacity:0}.circle-wrapper{justify-content:center;align-items:center;min-width:35px;min-height:35px;display:flex;position:relative}.circle{background-color:var(--ceb-circle-bg);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:background-color .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.circle-expand-button:hover .circle{background-color:var(--ceb-circle-hover-bg)}.arrow-icon{width:25px;height:25px;color:var(--ceb-arrow);justify-content:center;align-items:center;transition:all .6s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:rotate(-45deg)}.circle-expand-button:hover .arrow-icon{color:var(--ceb-arrow-hover);transform:rotate(0)}.arrow-svg{width:16px;height:16px}.circle-transition{background-color:var(--ceb-expand-bg);z-index:1;opacity:0;border-radius:50%;width:35px;height:35px;transition:all .9s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.circle-expand-button:hover .circle-transition{opacity:1;width:440px;height:320px;transition:all 1.3s cubic-bezier(.33,0,.67,1);transform:translate(-50%,-50%)scale(1)}.circle-expand-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.circle-expand-button--outline:focus-visible{outline:2px solid var(--color-primary-dark)}.circle-expand-button:active{transform:scale(.98)}.circle-expand-button:hover,.circle-expand-button:hover .ceb-surface{background-color:#fff}.circle-expand-button--outline:hover,.circle-expand-button--outline:hover .ceb-surface{background-color:var(--color-primary-dark)}@media (max-width:768px){.circle-expand-button{gap:8px;padding:8px 9px 8px 18px}.button-text{font-size:16px}.black-text{left:18px}.circle,.circle-transition{width:30px;height:30px}.arrow-icon{width:20px;height:20px}.arrow-svg{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.circle-expand-button,.button-text,.circle,.arrow-icon,.circle-transition{transition:none}.circle-expand-button:hover .circle-transition{width:40px;height:40px;transform:translate(-50%,-50%)scale(1.1)}}