.button-component{padding:16px 18px 14px;line-height:26px;font-size:14px;border:1px solid transparent;width:100%;text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:.19em;box-shadow:0 -4px 24px 0 rgba(0,0,0,.08);border-radius:2px;min-height:58px;display:flex;justify-content:center;align-items:center;gap:12px;text-decoration:none}.button-component.primary{border:1px solid #17253d;background:#17253d;color:#fff}.button-component.primary:hover{background:#f8f2ea;color:#17253d}.button-component.primary:hover svg path{fill:#17253d}.button-component.secondary{background:linear-gradient(90deg,#e8dca7,#d4b988 50%,#bd9163);color:#17253d;border:none;height:58px}.button-component.secondary:hover{border:1px solid #c39b6c;background:#f8f2ea;color:#17253d}.button-component.secondary svg path{fill:#17253d}.button-component.outline{color:#17253d;border:1px solid #17253d}.button-component.outline svg path{fill:#17253d}.button-component.outline:hover{background:#17253d;color:#fff}.button-component.outline:hover svg path{fill:#fff}.button-component.disabled,.button-component:disabled{background:#cfcbc6;color:#fff;transition:none}.button-component.disabled:active,.button-component:disabled:active{background:#cfcbc6;color:#fff}.button-component.disabled:active svg path,.button-component:disabled:active svg path{fill:#fff}.button-component .check-mark{width:1.5rem;height:1.5rem;display:block}.button-component .check-mark path{fill:transparent!important}