.basic-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:4px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;opacity:1}.basic-button--disabled{cursor:not-allowed;opacity:.6}.basic-button--full-width{width:100%}.basic-button--size-small{padding:6px 12px;font-size:12px}.basic-button--size-medium{padding:8px 16px;font-size:14px}.basic-button--size-large{padding:12px 24px;font-size:16px}.basic-button--variant-primary{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-black-sm)}.basic-button--variant-primary:hover{background:var(--color-bg-alt);transform:translateY(-1px);box-shadow:var(--shadow-black-md)}.basic-button--variant-secondary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-black-sm)}.basic-button--variant-secondary:hover{background:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-black-md)}.basic-button--variant-outline{background:transparent;color:var(--color-white);border:1px solid var(--color-white)}.basic-button--variant-outline:hover{background:var(--color-bg-alt);transform:translateY(-1px)}.basic-button--variant-ghost{background:transparent;color:var(--color-white)}.basic-button--variant-ghost:hover{background:var(--color-bg-alt)}