.interactive-hover-button{--btn-theme:var(--theme-color,var(--white));--circle-bg:rgba(255,255,255,0.75);--circle-hover-bg:rgba(255,255,255,0.15);--hover-text-color:var(--white);position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;cursor:pointer;overflow:hidden;border-radius:var(--radius-full);padding:.9rem 2.2rem;font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.5px;background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;text-decoration:none;box-sizing:border-box}.interactive-hover-button.dark-variant{--theme:var(--theme-color,var(--navy));--circle-bg:var(--theme);--circle-hover-bg:var(--theme);--hover-text-color:var(--white);color:var(--theme);border-color:var(--theme);background:transparent}.interactive-hover-button[style*="--theme-color"]:not(.dark-variant){--theme:var(--theme-color);--circle-bg:var(--theme);--circle-hover-bg:var(--theme);--hover-text-color:var(--white)}.button-content-wrapper{display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-circle{height:8px;width:8px;border-radius:var(--radius-full);background:var(--circle-bg);transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.button-text{display:inline-block}.button-hover-content,.button-text{transition:all .3s cubic-bezier(.4,0,.2,1)}.button-hover-content{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;display:flex;align-items:center;justify-content:center;gap:.75rem;opacity:0;transform:translateX(-15px);color:var(--hover-text-color);pointer-events:none;font-weight:700}.button-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.interactive-hover-button:hover{border-color:var(--btn-theme);box-shadow:0 8px 32px rgba(10,22,40,.15)}.interactive-hover-button.dark-variant:hover{border-color:var(--theme);box-shadow:0 8px 25px rgba(0,0,0,.1)}.interactive-hover-button:hover .button-circle{transform:scale(45);background:var(--circle-hover-bg)}.interactive-hover-button:hover .button-text{transform:translateX(15px);opacity:0}.interactive-hover-button:hover .button-hover-content{opacity:1;transform:translateX(0)}.interactive-hover-button:hover .button-arrow{transform:translateX(4px)}