| 1 |
:root{--fct-add-to-cart-btn-bg-color: var(--fct-secondary-btn-bg-color, #ffffff);--fct-add-to-cart-btn-hover-bg-color: var(--fct-secondary-btn-hover-bg-color, #f5f6f7);--fct-add-to-cart-btn-text-color: var(--fct-secondary-btn-text-color, #2f3448);--fct-add-to-cart-btn-border-color: var(--fct-secondary-btn-border-color, #d6dae1)}.fluent-cart-add-to-cart-button{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:8px;border-width:1px;border-style:solid;border-color:var(--fct-add-to-cart-btn-border-color);background-color:var(--fct-add-to-cart-btn-bg-color);padding:12px 20px;text-align:center;font-size:14px;font-weight:500;line-height:1;color:var(--fct-add-to-cart-btn-text-color);-webkit-text-decoration-line:none;text-decoration-line:none;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fluent-cart-add-to-cart-button:hover{border-color:var(--fct-add-to-cart-btn-border-color);background-color:var(--fct-add-to-cart-btn-hover-bg-color);color:var(--fct-add-to-cart-btn-text-color)}.fluent-cart-add-to-cart-button:focus{color:var(--fct-add-to-cart-btn-text-color)}.fluent-cart-add-to-cart-button .fluent-cart-loader{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:none;height:100%;width:100%;align-items:center;justify-content:center;border-radius:8px;--tw-bg-opacity: 1;background-color:rgb(234 236 240 / var(--tw-bg-opacity, 1));transition-duration:.3s}.fluent-cart-add-to-cart-button .fluent-cart-loader svg{margin-right:8px;height:20px;width:20px}.fluent-cart-add-to-cart-button .fluent-cart-loader svg{animation:spin 1s linear infinite;fill:#0171db;--tw-text-opacity: 1;color:rgb(214 218 225 / var(--tw-text-opacity, 1))}.fluent-cart-add-to-cart-button .text{pointer-events:none}.fluent-cart-add-to-cart-button:disabled{cursor:not-allowed}.fluent-cart-add-to-cart-button.disabled{cursor:not-allowed;opacity:.5}.fluent-cart-add-to-cart-button.is-hidden{display:none}.fluent-cart-add-to-cart-button.out-of-stock{cursor:not-allowed;--tw-text-opacity: 1;color:rgb(157 159 172 / var(--tw-text-opacity, 1))}.fluent-cart-add-to-cart-button.out-of-stock:hover{background-color:inherit}.fluent-cart-add-to-cart-button.fct-loading .fluent-cart-loader{display:flex}.fct-loader{position:relative}.fct-loader .fluent-cart-loader{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:none;height:100%;width:100%;align-items:center;justify-content:center;transition-duration:.3s;background-color:inherit;border-radius:inherit}.fct-loader .fluent-cart-loader svg{margin-right:8px;height:20px;width:20px}@keyframes spin{to{transform:rotate(360deg)}}.fct-loader .fluent-cart-loader svg{animation:spin 1s linear infinite;fill:#0171db;--tw-text-opacity: 1;color:rgb(214 218 225 / var(--tw-text-opacity, 1))}.fct-loader.fct-loading .fluent-cart-loader{display:flex} |
