.btn,.hsfc-Button{--bg-color:var(--primary);--bg-color-hover:var(--primary-darken);--text-color:var(--font-color-light);--text-color-hover:var(--font-color-light);--border-color:var(--primary);background-color:var(--bg-color);border:2px solid;border-color:var(--border-color);color:var(--text-color);cursor:pointer;display:inline-flex;font-weight:600;text-decoration:none;white-space:nowrap}.btn:focus,.hsfc-Button:focus{outline:none}.btn:focus-visible,.hsfc-Button:focus-visible{outline:2px solid;outline-offset:2px}.btn:hover,.hsfc-Button:hover{background-color:var(--bg-color-hover);border-color:var(--bg-color-hover);color:var(--text-color-hover)}.btn.secondary,.hsfc-Button.secondary{--bg-color:var(--secondary);--bg-color-hover:var(--secondary-darken);--text-color:var(--font-color-dark);--text-color-hover:var(--font-color-dark);--border-color:var(--secondary)}.btn.outline,.hsfc-Button.outline{--bg-color:transparent}.btn.outline.primary,.hsfc-Button.outline.primary{--bg-color-hover:var(--primary);--text-color:var(--font-color-dark);--text-color-hover:var(--font-color-light);--border-color:var(--font-color-dark)}.btn.outline.secondary,.hsfc-Button.outline.secondary{--text-color:var(--font-color-light);--text-color-hover:var(--font-color-dark);--border-color:var(--font-color-light);--bg-color-hover:var(--secondary)}.btn.link,.hsfc-Button.link{--bg-color:transparent;--bg-color-hover:var(--primary);--text-color:var(--font-color-dark);--text-color-hover:var(--font-color-light);--border-color:transparent}.btn.link.inverted,.hsfc-Button.link.inverted{--text-color:var(--font-color-light);--text-color-hover:var(--font-color-light)}.btn.link,.hsfc-Button.link{align-items:center;font-weight:400}.btn.icon,.hsfc-Button.icon{align-items:center;aspect-ratio:1;background-color:transparent;border:none;display:flex;justify-content:center;padding:var(--spacing-sm)}.btn.icon:hover,.hsfc-Button.icon:hover{background-color:var(--primary)}.btn.icon:hover path,.hsfc-Button.icon:hover path{stroke:var(--font-color-light)}