.hc-btn{align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--sd-font-family-base);font-size:var(--sd-font-size-small);font-weight:var(--sd-font-weight-medium);justify-content:center;line-height:22px;text-decoration:none;transition:background-color .15s ease,background-image .15s ease;white-space:nowrap}.hc-btn--primary{background-color:var(--sd-color-primary);background-image:none;border-radius:var(--sd-radius-md);color:var(--sd-color-on-primary);min-height:32px;padding:0 var(--sd-space-3)}.hc-btn--primary:hover:not(:focus-visible):not(:active){background-color:var(--sd-color-primary);background-image:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.16))}.hc-btn--primary:focus-visible{background-color:var(--sd-color-primary);background-image:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.16));outline:2px solid color-mix(in srgb,var(--sd-color-primary-hover,var(--sd-color-primary)) 20%,transparent);outline-offset:2px}.hc-btn--primary:active{background-color:var(--sd-color-primary);background-image:linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.24))}.hc-btn--outline{background-color:#fff;border:1px solid var(--sd-color-btn-outline-border);border-radius:var(--sd-radius-md);color:var(--sd-color-btn-outline-text);min-height:32px;padding:0 var(--sd-space-3);transition:background-color .15s ease,border-color .15s ease}.hc-btn--outline:hover:not(:focus-visible):not(:active){background-color:var(--sd-color-btn-outline-hover-bg);border-color:var(--sd-color-btn-outline-hover-border)}.hc-btn--outline:focus-visible{outline:2px solid var(--sd-color-primary-focus-ring-soft);outline-offset:2px}.hc-btn--outline:active{background-color:var(--sd-color-primary-focus-ring-soft);border-color:var(--sd-color-primary);color:var(--sd-color-primary)}.hc-btn--full-width{width:100%}