.btn{--btn-font-size: 1.6rem;--btn-padding-y: 0.6em;--btn-padding-x: 1.0em;--btn-margin-y: 0.5em;--btn-margin-x: 0.5em;--btn-font-weight: 700;--btn-line-height: 1.2;--btn-text-decoration: none;--btn-color: currentColor;--btn-color-hover: var(--c-primary);--btn-color-active: var(--c-text);--btn-border: 2px solid transparent;--btn-icon-padding: 0.2em 0.3em;--btn-icon-color: currentColor;--btn-icon-size: 1.2em;--btn-icon-color-hover: currentColor;--btn-icon-color-active: var(--c-primary);--btn-icon-bg: transparent;--btn-icon-bg-hover: transparent;--btn-icon-bg-active: var(--c-white);font-size:var(--btn-font-size);padding:var(--btn-padding-y) var(--btn-padding-x);display:inline-flex;font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);vertical-align:middle;color:var(--btn-color);align-items:center;text-transform:uppercase;border-radius:1rem;transition:color 0.2s ease, background 0.2s ease;position:relative;cursor:pointer;text-decoration:var(--btn-text-decoration)}.btn svg,.btn img{width:var(--btn-icon-size);height:var(--btn-icon-size);object-fit:contain}.btn .icon{padding:var(--btn-icon-padding);background:var(--btn-icon-bg);color:var(--btn-icon-color);display:inline-flex;justify-content:center;align-content:center;align-items:center;aspect-ratio:1/1;border-radius:100%;position:relative;transform-origin:center;transform:scale(1);margin:0 0.2em}.btn:hover{color:var(--btn-color-hover)}.btn:hover .icon{background:var(--btn-icon-bg-hover);color:var(--btn-icon-color-hover);transform:scale(1.2)}.btn:active{transform:scale(1.04)}.btn:active .icon{background:var(--btn-icon-bg-active);color:var(--btn-icon-color-active);transform:scale(1.2)}.btn.active{color:var(--btn-color-active)}.btn:disabled,.btn.disabled{opacity:.4}.is-loaded .btn{transition-property:all;transition-duration:200ms;transition-timing-function:ease;transition-delay:unset}.full-link:active .btn,.full-link.active .btn{background:var(--btn-background-active);color:var(--btn-color-active)}.btn-lg{--btn-font-size: calc(var(--btn-font-size) * 1.2)}.btn-sm{text-transform:none}.btn-link,.btn-text{--btn-padding-y: 0.25em;--btn-padding-x: 0.5em}.btn-link:first-child,.btn-text:first-child{margin-left:calc(-1 * var(--btn-padding-x))}.btn-group .btn{margin-right:var(--btn-margin-y);margin-bottom:var(--btn-margin-x)}.btn-group .btn:first-child{margin-left:0}.btn-group .btn:last-child{margin-right:0}.btn-icon{border-radius:50%;display:inline-flex;justify-content:center;align-items:center;align-content:center;aspect-ratio:1/1;transform:scale(1);background:none;--btn-font-size: calc(var(--base-font-size) * 0.9);--btn-margin-y: 0.25em;--btn-margin-x: 0.25em;--btn-font-weight: $font-weight-medium;--btn-line-height: 1.2;--btn-text-decoration: none;--btn-color: var(--c-text);--btn-color-hover: var(--c-white);--btn-color-active: var(--c-white);--btn-border: 1px solid transparent;--btn-icon-padding: 0.4em 0.6em;--btn-icon-color: var(--btn-color);--btn-icon-size: 3em;--btn-icon-color-hover: var(--btn-color-hover);--btn-icon-color-active: var(--btn-color-active);--btn-icon-bg: unset;--btn-icon-bg-hover: unset;--btn-icon-bg-active: unset;--btn-padding-y: 0;--btn-padding-x: 0}.btn-icon.btn-lg{--btn-font-size: calc(var(--base-font-size) * 1.2)}.btn-icon.btn-sm{--btn-font-size: calc(var(--base-font-size) * 0.56)}.btn-icon .icon{margin-right:0}.btn-icon:hover{transform:scale(1.2)}.is-loaded .btn-icon{transition-property:all;transition-duration:250ms;transition-timing-function:ease;transition-delay:unset}.btn-primary{--btn-background: var(--c-white);--btn-background-hover: var(--c-white);--btn-background-active: var(--c-primary);--btn-color: var(--c-text);--btn-color-hover: var(--c-primary);--btn-color-active: var(--c-white);background:var(--btn-background);color:var(--btn-color);border:var(--btn-border)}.btn-primary:hover{background:var(--btn-background-hover);color:var(--btn-color-hover);border-color:var(--c-primary)}.btn-primary:active,.btn-primary.active{background:var(--btn-background-active);color:var(--btn-color-active)}.btn-secondary{--btn-background: var(--c-white);--btn-background-hover: var(--c-primary);--btn-background-active: var(--c-primary);--btn-color: var(--c-text);--btn-color-hover: var(--c-white);--btn-color-active: var(--c-white);background:var(--btn-background);color:var(--btn-color);border:var(--btn-border);border-color:var(--c-primary)}.btn-secondary:hover{background:var(--btn-background-hover);color:var(--btn-color-hover);border-color:var(--c-primary)}.btn-secondary:active,.btn-secondary.active{background:var(--btn-background-active);color:var(--btn-color-active)}.btn-tertiary{--btn-background: var(--c-white);--btn-background-hover: #ff8d1a;--btn-background-active: var(--c-primary);--btn-color: var(--c-text);--btn-color-hover: var(--c-white);--btn-color-active: var(--c-primary);background:var(--btn-background);color:var(--btn-color);border:var(--btn-border);font-size:var(--btn-font-size)}.btn-tertiary .icon{background:var(--c-lightgrey)}.btn-tertiary:hover{background:var(--btn-background-hover);color:var(--btn-color-hover)}.btn-tertiary:active,.btn-tertiary.active{background:var(--btn-background-active);color:var(--btn-color-active)}.btn-text{--btn-background: none;--btn-background-hover: none;--btn-background-active: none;--btn-color: var(--c-text);--btn-color-hover: var(--c-white);--btn-color-active: var(--c-white);--btn-icon-color: var(--c-text);--btn-icon-color-hover: var(--c-white);--btn-icon-color-active: var(--c-white);--btn-icon-bg: var(--c-text);--btn-icon-bg-hover: var(--c-primary);--btn-icon-bg-active: var(--c-primary);background:none;border:none}.btn-text .icon{background:var(--c-lightgrey)}