.generic-button,.primary,.success,.warning,.danger,.default{color:#0c0e0e;cursor:pointer;background-color:#f0f0f0;border:1.5px solid #d0d0d0;border-radius:4px;outline:none;justify-content:center;align-items:center;min-width:88px;height:40px;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.generic-button:disabled:not(.is-loading),.primary:disabled:not(.is-loading),.success:disabled:not(.is-loading),.warning:disabled:not(.is-loading),.danger:disabled:not(.is-loading),.default:disabled:not(.is-loading){color:#0c0e0e;opacity:.6;cursor:not-allowed;box-shadow:none;background-color:#e3e8e9;border:1.5px solid #abc5cc}.generic-button:disabled:not(.is-loading):hover,.primary:disabled:not(.is-loading):hover,.success:disabled:not(.is-loading):hover,.warning:disabled:not(.is-loading):hover,.danger:disabled:not(.is-loading):hover,.default:disabled:not(.is-loading):hover{background-color:#e3e8e9;transform:none}.generic-button.is-loading,.primary.is-loading,.success.is-loading,.warning.is-loading,.danger.is-loading,.default.is-loading{cursor:progress;opacity:.85}.generic-button-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:15px;height:15px;margin-inline-end:.5rem;animation:.6s linear infinite generic-button-spin;display:inline-block}@keyframes generic-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.generic-button-spinner{animation-duration:1.5s}}.generic-button:hover{background-color:#e0e0e0;border-color:silver;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.generic-button:active{background-color:#d0d0d0;border-color:#b0b0b0;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.primary{color:#fff;background-color:#009fdb;border-color:#008cc1;font-weight:600;box-shadow:0 2px 4px #5b9bd533}.primary:hover:not(:disabled){background-color:#008cc1;border-color:#007baa;box-shadow:0 4px 8px #4a8bc24d}.primary:active:not(:disabled){background-color:#007baa;border-color:#007baa;box-shadow:0 2px 4px #3a7baf33}.success{color:#fff;background-color:#7cb342;border-color:#689f38;box-shadow:0 2px 4px #7cb34233}.success:hover:not(:disabled){background-color:#689f38;border-color:#558b2f;box-shadow:0 4px 8px #689f384d}.success:active:not(:disabled){background-color:#558b2f;border-color:#558b2f;box-shadow:0 2px 4px #558b2f33}.warning{color:#fff;background-color:#ffa726;border-color:#fb8c00;box-shadow:0 2px 4px #ffa72633}.warning:hover:not(:disabled){background-color:#fb8c00;border-color:#ef6c00;box-shadow:0 4px 8px #fb8c004d}.warning:active:not(:disabled){background-color:#ef6c00;border-color:#ef6c00;box-shadow:0 2px 4px #ef6c0033}.danger{color:#fff;background-color:#e57373;border-color:#ef5350;box-shadow:0 2px 4px #e5737333}.danger:hover:not(:disabled){background-color:#ef5350;border-color:#e53935;box-shadow:0 4px 8px #ef53504d}.danger:active:not(:disabled){background-color:#e53935;border-color:#e53935;box-shadow:0 2px 4px #e5393533}.ghost{box-shadow:none;color:#0c0e0e;cursor:pointer;background-color:#0000;border:none;min-width:auto}.ghost:hover:not(:disabled),.ghost:active:not(:disabled){box-shadow:none;color:#0c0e0e;background-color:#0000;border:none;transform:none}.ghost:disabled{cursor:not-allowed;opacity:.4;background-color:#0000;border:none}.generic-buttonIcon{margin-left:.5rem}.generic-button.quantity-btn{border-radius:50%;width:30px;min-width:30px;height:30px;padding:0;font-size:16px;font-weight:600}@media (width>=768px) and (width<=1366px) and (orientation:landscape){.generic-button,.primary,.success,.warning,.danger,.default{min-width:92px;height:44px}.generic-button.quantity-btn{width:44px;min-width:44px;height:44px}}@media (width>=600px) and (width<=1024px) and (orientation:portrait){.generic-button,.primary,.success,.warning,.danger,.default{min-width:92px;height:44px}.generic-button.quantity-btn{width:44px;min-width:44px;height:44px}}