.btn-primary{color:#fff;cursor:pointer;background-color:var(--color-primary);text-align:center;z-index:0;border:none;border-radius:.25rem;min-height:44px;padding:.75rem 1.75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-block;position:relative;overflow:hidden}.btn-primary:before{content:"";z-index:-1;background-color:var(--color-primary-hover);transform-origin:0;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scaleX(0)}.btn-primary:hover:before{transform:scaleX(1)}.btn-primary.btn-lg{flex-shrink:0;min-height:48px;padding:.875rem 1.75rem;font-size:1rem;font-weight:500}@media (min-width:640px){.btn-primary.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}}.btn-counter{width:2rem;height:2rem;color:var(--color-dark);cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;transition:border-color .2s,color .2s;display:flex}.btn-counter:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-counter:disabled{opacity:.3;cursor:default}.btn-link{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;font-size:1.125rem;text-decoration:underline;display:flex}