.btn{--btn-font-size: var(--base-font-size);--btn-padding-y: 0.6em;--btn-padding-x: 1.2em;--btn-margin-y: 0.5em;--btn-margin-x: 0.5em;--btn-font-weight: $font-weight-medium;--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: none;--btn-icon-padding: 0.2em 0.4em;--btn-icon-color: var(--c-text);--btn-icon-size: 1em;--btn-icon-color-hover: var(--c-primary);--btn-icon-color-active: var(--c-white);--btn-icon-bg: var(--c-white);--btn-icon-bg-hover: var(--c-white);--btn-icon-bg-active: var(--c-primary);font-size:var(--btn-font-size);padding:var(--btn-padding-y) var(--btn-padding-x);margin-right:var(--btn-margin-y);margin-bottom:var(--btn-margin-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;transition:color 0.2s ease, background 0.2s ease;position:relative;cursor:pointer;text-decoration:var(--btn-text-decoration)}.btn:first-child{margin-left:0}.btn:last-child{margin-right:0}.btn svg,.btn img{width:var(--btn-icon-size);height:var(--btn-icon-size);object-fit:contain}.btn .is-loaded .icon{transition:all 200ms ease}.btn .is-loaded .card-image{transition:all 300ms ease;transform:scale(1)}.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-right:0.4em}.btn.checked .icon .unchecked{display:none}.btn.unchecked .icon .checked{display:none}.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)}.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(--base-font-size) * 1.4)}.btn-sm{--btn-font-size: calc(var(--base-font-size) * 0.8)}.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-link,.btn-group .btn-text{--btn-margin-y: 0;--btn-margin-x: 0;border-right:1px solid var(--c-grey)}.btn-group .btn-link:last-child,.btn-group .btn-text:last-child{border-right:none}.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: none;--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:all 250ms ease}.btn-primary{--btn-background: var(--c-lightgrey);--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-primary);background:var(--btn-background);color:var(--btn-color);border:var(--btn-border);font-size:var(--btn-font-size)}.btn-primary:hover{background:var(--btn-background-hover);color:var(--btn-color-hover)}.btn-primary:active,.btn-primary.active{background:var(--btn-background-active);color:var(--btn-color-active)}.btn-secondary{--btn-background: var(--c-primary);--btn-background-hover: #7ad3f6;--btn-background-active: #7ad3f6;--btn-color: var(--c-white);--btn-color-hover: var(--c-white);--btn-color-active: var(--c-text);--icon-color: var(--c-text);--icon-color-hover: var(--c-white);--icon-color-active: var(--c-primary);--icon-bg: var(--c-text);--icon-bg-hover: var(--c-white);--icon-bg-active: var(--c-primary);background:var(--btn-background);color:var(--btn-color);border:var(--btn-border);font-size:var(--btn-font-size)}.btn-secondary:hover{background:var(--btn-background-hover);color:var(--btn-color-hover)}.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: #4c96c4;--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)}