.optyino-note-article-cta-button,.optyino-note-article-cta-button *{box-sizing:border-box}.optyino-note-article-cta-button[data-variant]{--optyino-cta-ripple-x:50%;--optyino-cta-ripple-y:50%;--optyino-cta-ink:#fff;--optyino-cta-ripple:#fff;--optyino-cta-focus:#343d49;appearance:none;vertical-align:middle;width:300px;max-width:100%;height:58px;color:var(--optyino-cta-ink);font-family:var(--note-font-body,system-ui, sans-serif);-webkit-tap-highlight-color:transparent;letter-spacing:0;isolation:isolate;opacity:1;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:0;font-size:15px;font-weight:650;line-height:1.6;text-decoration:none;transition:none;display:inline-block;position:relative;container-type:inline-size}.optyino-note-article-cta-button[data-variant]:not(:disabled):hover{opacity:1}[data-theme=dark] .optyino-note-article-cta-button{--optyino-cta-focus:#c6d5ee}.optyino-note-article-cta-button:is(:focus-visible,[data-state=focus]){outline:2px solid var(--optyino-cta-focus);outline-offset:6px}.optyino-note-article-cta-button__face{border-radius:inherit;background:#24262b;border:1px solid #0000;transition:transform .18s cubic-bezier(.2,.65,.3,1),box-shadow .2s,border-color .18s;position:absolute;inset:0;overflow:hidden;transform:translateY(0)}.optyino-note-article-cta-button__content{justify-content:space-between;align-items:center;gap:12px;width:100%;height:100%;padding:0 9px 0 25px;display:flex;position:relative}.optyino-note-article-cta-button__label{white-space:nowrap}.optyino-note-article-cta-button__arrow{border-radius:50%;flex:0 0 38px;place-items:center;height:38px;display:grid}.optyino-note-article-cta-button__arrow-window{width:22px;height:22px;display:block;position:relative;overflow:hidden}.optyino-note-article-cta-button__arrow svg{transition:transform .28s cubic-bezier(.2,.65,.3,1);position:absolute;top:1.5px;left:1.5px}.optyino-note-article-cta-button__ripple{left:var(--optyino-cta-ripple-x);top:var(--optyino-cta-ripple-y);background:var(--optyino-cta-ripple);opacity:0;pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute}.optyino-note-article-cta-button__light,.optyino-note-article-cta-button__sheen{pointer-events:none;opacity:0;position:absolute}.optyino-note-article-cta-button[data-variant=reveal]{--optyino-cta-ink:#17191d}.optyino-note-article-cta-button[data-variant=reveal] .optyino-note-article-cta-button__face{background:#fff;border-color:#a0a5ac;box-shadow:0 2px 3px #1a1f2506}.optyino-note-article-cta-button__reveal{color:#fff;clip-path:circle(19px at calc(100% - 28px));background:#25272d;transition:clip-path .32s cubic-bezier(.2,.65,.3,1);position:absolute;inset:0}.optyino-note-article-cta-button[data-variant=reveal]:not(:disabled):is([data-hovered=true],[data-state=hover],[data-pressed=true],[data-state=press],[data-state=focus],:focus-visible) .optyino-note-article-cta-button__reveal{clip-path:circle(150% at calc(100% - 28px))}.optyino-note-article-cta-button[data-variant=reveal]:not(:disabled):is(:active,[data-pressed=true],[data-state=press]) .optyino-note-article-cta-button__face{transition-duration:.1s;transform:scale(.975)}.optyino-note-article-cta-button[data-variant=amber]{--optyino-cta-ink:#341d12;--optyino-cta-ripple:#fff8ed}.optyino-note-article-cta-button[data-variant=amber] .optyino-note-article-cta-button__face{background:linear-gradient(110deg,#ffdbad,#ffc69b 44%,#ffad8c);border-color:#efae88;box-shadow:inset 0 1px #ffe7c7,0 5px 13px -7px #88402459}.optyino-note-article-cta-button[data-variant=amber] .optyino-note-article-cta-button__arrow{background:#fffbec57;border:1px solid #8646231f}.optyino-note-article-cta-button[data-variant=amber] .optyino-note-article-cta-button__light{background:radial-gradient(#fffce6e6,#0000 68%);width:220px;height:160px;transition:opacity .18s;top:50%;left:50%;transform:translate(-50%,-50%)}.optyino-note-article-cta-button[data-variant=amber]:not(:disabled):is([data-hovered=true],[data-state=hover],[data-pressed=true],[data-state=press],[data-state=focus],:focus-visible) .optyino-note-article-cta-button__light{opacity:1}.optyino-note-article-cta-button[data-variant=amber]:not(:disabled):is([data-hovered=true],[data-state=hover],[data-pressed=true],[data-state=focus],:focus-visible) .optyino-note-article-cta-button__face{transform:translateY(-1px);box-shadow:inset 0 1px #fff0d6,0 10px 19px -10px #88402466}.optyino-note-article-cta-button[data-variant=amber][data-replaying=true] .optyino-note-article-cta-button__light{animation:1.6s cubic-bezier(.45,0,.2,1) both optyino-article-cta-light-tour}.optyino-note-article-cta-button[data-variant=amber]:not(:disabled):is(:active,[data-pressed=true],[data-state=press]) .optyino-note-article-cta-button__face{transition-duration:.1s;transform:translateY(1px)scale(.985)}.optyino-note-article-cta-button[data-variant=pearl]{--optyino-cta-ink:#142638;--optyino-cta-ripple:#fff}.optyino-note-article-cta-button[data-variant=pearl] .optyino-note-article-cta-button__face{background:linear-gradient(125deg,#f2f8ff,#deeafa 34%,#f4f7fe 57%,#dae7f7);border-color:#b9cbdf;box-shadow:inset 0 0 0 2px #ffffffb8,inset 0 -4px 8px #5b81b114,0 5px 13px -9px #27446466}.optyino-note-article-cta-button[data-variant=pearl] .optyino-note-article-cta-button__arrow{background:#ffffff70;border:1px solid #6b87a633}.optyino-note-article-cta-button[data-variant=pearl] .optyino-note-article-cta-button__sheen{background:linear-gradient(90deg,#0000,#fffffff2,#0000);width:90px;inset:-70% auto -70% 0;transform:translate(-140px)rotate(22deg)}.optyino-note-article-cta-button[data-variant=pearl]:not(:disabled):is([data-state=press],[data-hovered=true],[data-state=hover],[data-pressed=true],[data-state=focus],:focus-visible) .optyino-note-article-cta-button__sheen{animation:.6s cubic-bezier(.2,.65,.35,1) both optyino-article-cta-pearl-pass}.optyino-note-article-cta-button[data-variant=pearl]:not(:disabled):is([data-state=press],[data-hovered=true],[data-state=hover],[data-pressed=true],[data-state=focus],:focus-visible) .optyino-note-article-cta-button__face{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #ffffffe6,0 10px 17px -11px #27446470}.optyino-note-article-cta-button[data-variant=pearl]:not(:disabled):is([data-state=press],[data-hovered=true],[data-state=hover],[data-pressed=true],[data-state=focus],:focus-visible) .optyino-note-article-cta-button__arrow-first{transform:rotate(45deg)}.optyino-note-article-cta-button[data-variant=pearl]:not(:disabled):is([data-state=press],:active,[data-pressed=true]) .optyino-note-article-cta-button__face{transition-duration:.1s;transform:translateY(1px)scale(.985)}@keyframes optyino-article-cta-pearl-pass{0%{opacity:0;transform:translate(-140px)rotate(22deg)}20%{opacity:.85}to{opacity:0;transform:translate(400px)rotate(22deg)}}@keyframes optyino-article-cta-light-tour{0%{transform:translate(-100%,-50%)}60%{transform:translateY(-35%)}to{transform:translate(-50%,-50%)}}@media (max-width:380px){.optyino-note-article-cta-button__content{gap:8px;padding-left:18px}.optyino-note-article-cta-button[data-variant]{font-size:14px}}@container (max-width:270px){.optyino-note-article-cta-button__content{gap:3px;padding-inline:8px 12px;font-size:13px}.optyino-note-article-cta-button__arrow{flex-basis:32px;height:32px}}@media (prefers-reduced-motion:reduce){.optyino-note-article-cta-button[data-variant] *{transition:none!important;animation:none!important}.optyino-note-article-cta-button[data-variant] .optyino-note-article-cta-button__face{transform:none!important}.optyino-note-article-cta-button[data-variant] .optyino-note-article-cta-button__light{transform:translate(-50%,-50%)!important}}.optyino-note-article-cta-button:disabled{cursor:not-allowed;opacity:.5}
.optyino-note-article-cta-action{vertical-align:middle;flex-direction:column;align-items:center;gap:10px;width:300px;min-width:0;max-width:100%;display:inline-flex}.optyino-note-article-cta-action__hint{color:var(--note-color-text,#191c1e);font-family:var(--note-font-body,system-ui, sans-serif);letter-spacing:.04em;white-space:nowrap;justify-content:center;align-items:center;gap:11px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.optyino-note-article-cta-action__stroke{background:currentColor;width:1px;height:12px;display:block;transform:rotate(-24deg)}.optyino-note-article-cta-action__stroke:last-child{transform:rotate(24deg)}
.optyino-note-article-outro-cta{isolation:isolate;color:#292b30;width:100%;box-shadow:none;background:#fff;border:1px solid #d2d3d6;border-radius:28px;transition:border-color .32s;position:relative;overflow:hidden;container-type:inline-size}.optyino-note-article-outro-cta:after{content:"";pointer-events:none;border:1px solid #e9e9eb;border-radius:20px;transition:border-color .32s;position:absolute;inset:8px}.optyino-note-article-outro-cta:focus-within{border-color:#94969f}.optyino-note-article-outro-cta:focus-within:after{border-color:#ceced4}.optyino-note-article-outro-cta[data-entered=true]{animation:.36s cubic-bezier(.2,.65,.3,1) optyino-note-cta-panel-enter}.optyino-note-article-outro-cta__message{z-index:1;text-align:left;padding:34px 40px 0;position:relative}.optyino-note-article-outro-cta__brand{object-fit:contain;width:104px;height:26px;margin:0 0 20px;display:block}.optyino-note-article-outro-cta__heading{letter-spacing:0;color:inherit;margin:0;font-size:20px;font-weight:700;line-height:1.6}.optyino-note-article-outro-cta__heading>span{text-wrap:balance;max-width:100%;display:inline-block}.optyino-note-article-outro-cta__copy{margin-top:16px}.optyino-note-article-outro-cta__action{z-index:1;justify-content:center;align-items:center;padding:28px 32px 36px;display:flex;position:relative}@container (max-width:480px){.optyino-note-article-outro-cta__message{padding:28px 24px 0}.optyino-note-article-outro-cta__brand{width:96px;height:24px;margin-bottom:18px}.optyino-note-article-outro-cta__heading{font-size:18px;line-height:1.7}.optyino-note-article-outro-cta__action{padding:24px 22px 32px}}@container (max-width:300px){.optyino-note-article-outro-cta__action{padding-inline:10px}.optyino-note-article-outro-cta .optyino-note-article-cta-button[data-variant]{font-size:14px}}@media (prefers-reduced-motion:reduce){.optyino-note-article-outro-cta[data-entered=true]{animation:none}.optyino-note-article-outro-cta,.optyino-note-article-outro-cta:after{transition:none}}@keyframes optyino-note-cta-panel-enter{0%{opacity:.92;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}