.quick-add__buttons-wrapper{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-bottom:1rem}.quick-add__button-left,.quick-add__button-right{width:100%}.quick-add__button-right{display:flex}.quick-add__buttons-wrapper button.quick-add__submit{transition:all .3s ease}.quick-add__buttons-wrapper button.quick-add__submit:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.quick-add__buttons-wrapper button.quick-add__submit:disabled{opacity:.6;cursor:not-allowed}.free-sample-form{width:100%;display:flex;position:relative}.free-sample-form.quick-add__button-right{flex:1}.free-sample-button-container{position:relative;width:100%;flex:1;margin-top:1.2rem;margin-bottom:1.2rem}.quick-add__button-right .free-sample-button-container{margin-top:0;margin-bottom:0}.free-sample-form button.quick-add__submit{background-color:rgb(var(--color-background));color:#0378c1;transition:all .3s ease;width:100%;padding:1.2rem 2rem;min-height:calc(4.5rem + var(--inputs-border-width) * 2);display:flex;align-items:center;justify-content:center;border:var(--inputs-border-width) solid #0378c1;border-radius:var(--inputs-radius);position:relative;font-size:1.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.free-sample-form button.quick-add__submit:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.quick-add__button-right .free-sample-form{z-index:1;position:relative}.quick-add__button-right .free-sample-tooltip{opacity:0;visibility:hidden;pointer-events:none}.quick-add__button-right:hover .free-sample-tooltip,.quick-add__button-right .free-sample-form:hover .free-sample-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px);z-index:1000;pointer-events:auto}.free-sample-form button.quick-add__submit:hover:not(:disabled){background-color:#0378c1;color:#fff;opacity:1;transform:none;border-color:#0378c1}.free-sample-form button.quick-add__submit:focus-visible,.free-sample-form button.quick-add__submit:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;box-shadow:0 0 .2rem rgba(var(--color-foreground),.3)}.free-sample-form button.quick-add__submit:disabled{opacity:.6;cursor:not-allowed}.free-sample-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background-color:#045081;color:#fff;padding:.75rem 1rem;border-radius:4px;white-space:normal;max-width:220px;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026;font-size:.875rem;font-weight:500;margin-bottom:8px}.free-sample-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #045081}.free-sample-button-wrapper .free-sample-tooltip{display:none}.free-sample-button-container:hover .free-sample-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px);z-index:999}.free-sample-tooltip__text{margin:0;color:#fff;font-size:1rem;line-height:1.4;white-space:pre-line}.free-sample-notice--full-width{width:100%;margin-bottom:0}.free-sample-button-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.free-sample-button-wrapper:not([data-button-only=true]){max-width:42rem}.free-sample-button{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem 2rem;min-height:calc(4.5rem + var(--inputs-border-width) * 2);font-size:1.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:var(--inputs-border-width) solid #0378c1;border-radius:var(--inputs-radius);cursor:pointer;transition:all .3s ease;background-color:rgb(var(--color-background));color:#0378c1;z-index:1}.free-sample-button:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.free-sample-button:hover:not(:disabled){opacity:1;transform:none;background-color:#0378c1;border-color:#0378c1;color:#fff}.free-sample-button:focus-visible,.free-sample-button:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;box-shadow:0 0 .2rem rgba(var(--color-foreground),.3)}.free-sample-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.free-sample-button__text{display:inline-flex;align-items:center}.free-sample-button__status{margin:0;font-size:1.3rem;line-height:1.55;color:#000000a6;text-align:center;white-space:pre-line}.free-sample-notice{display:flex;justify-content:center;padding:.75rem 1rem;background-color:#8080800d;border-radius:4px;width:100%}.free-sample-notice__text{margin:0;font-size:1.15rem;line-height:1.5;color:#0009;font-weight:400;text-align:center;white-space:pre-line}body.free-sample-auth-modal-open{overflow:hidden}.free-sample-auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.6rem;background:#ffffffb3;z-index:1000}.free-sample-auth-modal[hidden]{display:none!important}.free-sample-auth-modal__dialog{position:relative;width:min(48rem,calc(100vw - 3.2rem));background:#fff;border-radius:12px;border:1px solid rgba(3,120,193,.2);box-shadow:0 12px 34px #00000038;padding:2rem}.free-sample-auth-modal__close{position:absolute;top:.8rem;right:.8rem;border:0;background:transparent;color:#0000008c;cursor:pointer;width:3.2rem;height:3.2rem;font-size:2.4rem;line-height:1}.free-sample-auth-modal__message{margin:0;font-size:1.8rem;line-height:1.45;text-align:center;color:#045081;font-weight:600;padding:.2rem 2.2rem 0}.free-sample-auth-modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;margin-top:1.5rem}.free-sample-auth-modal__action{justify-content:center;text-align:center;min-height:4rem}.free-sample-button-wrapper--auth-modal-visible .free-sample-form button.quick-add__submit,.free-sample-button-wrapper--auth-modal-visible .free-sample-button{border-color:#045081}@media(max-width:750px){.free-sample-button-wrapper{gap:.75rem}.free-sample-button,.free-sample-form button.quick-add__submit{padding:1rem 1.6rem;font-size:1.4rem;min-height:calc(4rem + var(--inputs-border-width) * 2)}.free-sample-notice__text{font-size:.95rem}.free-sample-button__status{font-size:1.1rem}.free-sample-auth-modal{padding:1rem}.free-sample-auth-modal__dialog{width:calc(100vw - 2rem);padding:1.6rem 1.2rem 1.2rem;border-radius:10px}.free-sample-auth-modal__message{font-size:1.5rem;padding-inline:1.6rem}.free-sample-auth-modal__actions{grid-template-columns:1fr}}.free-sample-button[aria-busy=true]{opacity:.7;pointer-events:none}.free-sample-button .loading-spinner{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-free-sample-button.css.map */