.compare-button{display:inline-flex;align-items:center;gap:.4rem;min-height:unset!important;padding:.1rem .5rem!important;font-size:1.2rem;line-height:1;min-width:auto;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;box-shadow:0 8px 18px #ffffff14;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease}.compare-button:hover{border-color:#2563eb99;color:#0b1f44;box-shadow:0 10px 22px #2563eb24;transform:translateY(-1px)}.compare-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px;box-shadow:0 0 0 3px #2563eb33,0 10px 24px #0f172a1a}.compare-button__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:linear-gradient(135deg,#c2d6ff,#c2d6ff);color:#000;flex-shrink:0;box-shadow:0 6px 14px #ffffff47}.compare-button__icon svg{width:1.4rem;height:1.4rem;fill:currentColor}.compare-button__icon-added{display:none}.compare-button__label{display:inline-block;font-weight:600;letter-spacing:.01em}.compare-button.is-active,.compare-button[data-active=true]{border-color:#cfdcff;background:linear-gradient(135deg,#2563eb2e,#2563eb42);color:#81a6ed;box-shadow:0 6px 6px #2563eb33}.compare-button.is-active .compare-button__icon,.compare-button[data-active=true] .compare-button__icon{background:#6693e6;color:#fff;box-shadow:0 3px 3px #0b1f4452}.compare-button.is-active .compare-button__icon-add,.compare-button[data-active=true] .compare-button__icon-add{display:none}.compare-button.is-active .compare-button__icon-added,.compare-button[data-active=true] .compare-button__icon-added{display:block}.compare-button.is-active .compare-button__label,.compare-button[data-active=true] .compare-button__label{color:#0b1f44}.compare-button--floating{background:#ffffffe6;border-color:#0f172a1f;box-shadow:0 14px 26px #0f172a24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem .95rem}.compare-button--floating.is-active,.compare-button--floating[data-active=true]{background:linear-gradient(140deg,#2563eb3d,#1d4ed84d);color:#0b1f44;border-color:#9abaffcc;box-shadow:0 16px 28px #fff0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-compare-button.css.map */