.button-primary{background-color:var(--primary-color);border:none;color:var(--white-color)}.button-primary:hover{background-color:var(--primary-hover);color:var(--white-color)}.button-primary:focus{outline:none}.button-secondary{background-color:var(--secondary-color);border:none;color:var(--white-color)}.button-secondary:hover{background-color:var(--secondary-hover);color:var(--white-color)}.button-secondary:focus{outline:none}.button-accent{background-color:var(--accent-color);border:none;color:var(--white-color)}.button-accent:hover{background-color:var(--accent-hover);color:var(--white-color)}.button-accent:focus{outline:none}.button-text{background-color:var(--text-color);border:none;color:var(--white-color)}.button-text:hover{background-color:var(--text-hover);color:var(--white-color)}.button-text:focus{outline:none}.button-success{background-color:var(--success-color);border:none;color:var(--white-color)}.button-success:hover{background-color:var(--success-hover);color:var(--white-color)}.button-success:focus{outline:none}.button-error{background-color:var(--error-color);border:none;color:var(--white-color)}.button-error:hover{background-color:var(--error-hover);color:var(--white-color)}.button-error:focus{outline:none}.button-border{background-color:var(--border-color);border:none;color:var(--white-color)}.button-border:hover{background-color:var(--border-hover);color:var(--white-color)}.button-border:focus{outline:none}.button-white{background-color:var(--white-color);border:none;color:var(--primary-color)}.button-white:hover{background-color:var(--white-hover);color:var(--primary-color)}.button-white:focus{outline:none}.button{align-items:center;border-radius:var(--button-corner-radius);display:inline-flex;gap:.5em;justify-content:center;line-height:1.5;overflow:hidden;padding:.75em 1.5em;position:relative}.button:disabled{cursor:no-drop;filter:grayscale(1);opacity:.7;pointer-events:none}.button--icon-pos-right{flex-direction:row}.button--icon-pos-left{flex-direction:row-reverse}.button__icon{display:flex;flex:0 0 1.5em;height:1.5em;justify-content:start;overflow:hidden;position:relative;width:1.5em;z-index:1}.button__icon iconify-icon{flex:0 0 1em;font-size:1.5em;transition:translate .5s var(--ease-in-out-back),opacity .5s var(--ease-in-out-back);width:1em}.button>span{line-height:1.5;position:relative;z-index:1}.button:hover .button__icon iconify-icon{translate:-1em 0}.button:hover .button__icon iconify-icon:first-child{opacity:0}.button.button--icon{padding:1em}.button.button--depressed,.button.button--depressed:hover{box-shadow:unset!important}.button.button--primary{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 1em 2em -.5em rgba(var(--primary-rgb),.4);color:var(--white-color)}.button.button--primary:focus,.button.button--primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 1em 2em -.5em rgba(var(--primary-rgb),.6);color:var(--white-color)}.button.button--primary.button--link{color:var(--primary-color)}.button.button--primary.button--link:focus,.button.button--primary.button--link:hover{color:var(--primary-hover)}.button.button--primary.button--flat{background-color:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.2);color:var(--primary-color)}.button.button--primary.button--flat:focus,.button.button--primary.button--flat:hover{background-color:rgba(var(--primary-rgb),.4);border-color:rgba(var(--primary-rgb),.4)}.button.button--primary.button--outlined{border-color:var(--primary-color);color:var(--primary-color)}.button.button--primary.button--outlined:focus,.button.button--primary.button--outlined:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.button.button--secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);box-shadow:0 1em 2em -.5em rgba(var(--secondary-rgb),.4);color:var(--white-color)}.button.button--secondary:focus,.button.button--secondary:hover{background-color:var(--secondary-hover);border-color:var(--secondary-hover);box-shadow:0 1em 2em -.5em rgba(var(--secondary-rgb),.6);color:var(--white-color)}.button.button--secondary.button--link{color:var(--secondary-color)}.button.button--secondary.button--link:focus,.button.button--secondary.button--link:hover{color:var(--secondary-hover)}.button.button--secondary.button--flat{background-color:rgba(var(--secondary-rgb),.2);border-color:rgba(var(--secondary-rgb),.2);color:var(--secondary-color)}.button.button--secondary.button--flat:focus,.button.button--secondary.button--flat:hover{background-color:rgba(var(--secondary-rgb),.4);border-color:rgba(var(--secondary-rgb),.4)}.button.button--secondary.button--outlined{border-color:var(--secondary-color);color:var(--secondary-color)}.button.button--secondary.button--outlined:focus,.button.button--secondary.button--outlined:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}.button.button--accent{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 1em 2em -.5em rgba(var(--accent-rgb),.4);color:var(--white-color)}.button.button--accent:focus,.button.button--accent:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 1em 2em -.5em rgba(var(--accent-rgb),.6);color:var(--white-color)}.button.button--accent.button--link{color:var(--accent-color)}.button.button--accent.button--link:focus,.button.button--accent.button--link:hover{color:var(--accent-hover)}.button.button--accent.button--flat{background-color:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.2);color:var(--accent-color)}.button.button--accent.button--flat:focus,.button.button--accent.button--flat:hover{background-color:rgba(var(--accent-rgb),.4);border-color:rgba(var(--accent-rgb),.4)}.button.button--accent.button--outlined{border-color:var(--accent-color);color:var(--accent-color)}.button.button--accent.button--outlined:focus,.button.button--accent.button--outlined:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--white-color)}.button.button--text{background-color:var(--text-color);border-color:var(--text-color);box-shadow:0 1em 2em -.5em rgba(var(--text-rgb),.4);color:var(--white-color)}.button.button--text:focus,.button.button--text:hover{background-color:var(--text-hover);border-color:var(--text-hover);box-shadow:0 1em 2em -.5em rgba(var(--text-rgb),.6);color:var(--white-color)}.button.button--text.button--link{color:var(--text-color)}.button.button--text.button--link:focus,.button.button--text.button--link:hover{color:var(--text-hover)}.button.button--text.button--flat{background-color:rgba(var(--text-rgb),.2);border-color:rgba(var(--text-rgb),.2);color:var(--text-color)}.button.button--text.button--flat:focus,.button.button--text.button--flat:hover{background-color:rgba(var(--text-rgb),.4);border-color:rgba(var(--text-rgb),.4)}.button.button--text.button--outlined{border-color:var(--text-color);color:var(--text-color)}.button.button--text.button--outlined:focus,.button.button--text.button--outlined:hover{background-color:var(--text-color);border-color:var(--text-color);color:var(--white-color)}.button.button--success{background-color:var(--success-color);border-color:var(--success-color);box-shadow:0 1em 2em -.5em rgba(var(--success-rgb),.4);color:var(--white-color)}.button.button--success:focus,.button.button--success:hover{background-color:var(--success-hover);border-color:var(--success-hover);box-shadow:0 1em 2em -.5em rgba(var(--success-rgb),.6);color:var(--white-color)}.button.button--success.button--link{color:var(--success-color)}.button.button--success.button--link:focus,.button.button--success.button--link:hover{color:var(--success-hover)}.button.button--success.button--flat{background-color:rgba(var(--success-rgb),.2);border-color:rgba(var(--success-rgb),.2);color:var(--success-color)}.button.button--success.button--flat:focus,.button.button--success.button--flat:hover{background-color:rgba(var(--success-rgb),.4);border-color:rgba(var(--success-rgb),.4)}.button.button--success.button--outlined{border-color:var(--success-color);color:var(--success-color)}.button.button--success.button--outlined:focus,.button.button--success.button--outlined:hover{background-color:var(--success-color);border-color:var(--success-color);color:var(--white-color)}.button.button--error{background-color:var(--error-color);border-color:var(--error-color);box-shadow:0 1em 2em -.5em rgba(var(--error-rgb),.4);color:var(--white-color)}.button.button--error:focus,.button.button--error:hover{background-color:var(--error-hover);border-color:var(--error-hover);box-shadow:0 1em 2em -.5em rgba(var(--error-rgb),.6);color:var(--white-color)}.button.button--error.button--link{color:var(--error-color)}.button.button--error.button--link:focus,.button.button--error.button--link:hover{color:var(--error-hover)}.button.button--error.button--flat{background-color:rgba(var(--error-rgb),.2);border-color:rgba(var(--error-rgb),.2);color:var(--error-color)}.button.button--error.button--flat:focus,.button.button--error.button--flat:hover{background-color:rgba(var(--error-rgb),.4);border-color:rgba(var(--error-rgb),.4)}.button.button--error.button--outlined{border-color:var(--error-color);color:var(--error-color)}.button.button--error.button--outlined:focus,.button.button--error.button--outlined:hover{background-color:var(--error-color);border-color:var(--error-color);color:var(--white-color)}.button.button--border{background-color:var(--border-color);border-color:var(--border-color);box-shadow:0 1em 2em -.5em rgba(var(--border-rgb),.4);color:var(--white-color)}.button.button--border:focus,.button.button--border:hover{background-color:var(--border-hover);border-color:var(--border-hover);box-shadow:0 1em 2em -.5em rgba(var(--border-rgb),.6);color:var(--white-color)}.button.button--border.button--link{color:var(--border-color)}.button.button--border.button--link:focus,.button.button--border.button--link:hover{color:var(--border-hover)}.button.button--border.button--flat{background-color:rgba(var(--border-rgb),.2);border-color:rgba(var(--border-rgb),.2);color:var(--border-color)}.button.button--border.button--flat:focus,.button.button--border.button--flat:hover{background-color:rgba(var(--border-rgb),.4);border-color:rgba(var(--border-rgb),.4)}.button.button--border.button--outlined{border-color:var(--border-color);color:var(--border-color)}.button.button--border.button--outlined:focus,.button.button--border.button--outlined:hover{background-color:var(--border-color);border-color:var(--border-color);color:var(--white-color)}.button.button--white{background-color:var(--white-color);border-color:var(--white-color);box-shadow:0 1em 2em -.5em rgba(var(--white-rgb),.4);color:var(--primary-color)}.button.button--white:focus,.button.button--white:hover{background-color:var(--white-hover);border-color:var(--white-hover);box-shadow:0 1em 2em -.5em rgba(var(--white-rgb),.6);color:var(--primary-color)}.button.button--white.button--link{color:var(--white-color)}.button.button--white.button--link:focus,.button.button--white.button--link:hover{color:var(--white-hover)}.button.button--white.button--flat{background-color:rgba(var(--white-rgb),.2);border-color:rgba(var(--white-rgb),.2);color:var(--white-color)}.button.button--white.button--flat:focus,.button.button--white.button--flat:hover{background-color:rgba(var(--white-rgb),.4);border-color:rgba(var(--white-rgb),.4)}.button.button--white.button--outlined{border-color:var(--white-color);color:var(--white-color)}.button.button--white.button--outlined:focus,.button.button--white.button--outlined:hover{background-color:var(--white-color);border-color:var(--white-color);color:var(--primary-color)}.button.button--link{background:unset;border:unset;border-radius:0;box-shadow:unset;color:var(--text-color);padding:0}.button.button--link:focus,.button.button--link:hover{background:unset;border:unset;border-radius:0;box-shadow:unset;color:var(--primary-color)}.button.button--flat{background:unset;border:unset;box-shadow:unset;color:var(--text-color)}.button.button--flat:focus,.button.button--flat:hover{background:rgba(var(--text-color),.25);border:unset;box-shadow:unset}.button.button--outlined{background-color:transparent;border-color:var(--text-color);box-shadow:unset;color:var(--text-color)}.button.button--outlined:focus,.button.button--outlined:hover{background-color:var(--text-color);border-color:var(--text-color);box-shadow:unset;color:var(--white-color)}.button.button--large{font-size:1.25rem}