.button{border-radius:90px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);cursor:pointer;font-size:16px;font-weight:800;overflow:hidden;padding:12px 29px;position:relative;user-select:none}.button:before{background:#fff;border-radius:.75em;inset:0;mix-blend-mode:plus-lighter;opacity:0;position:absolute;transition:.25s;z-index:0}.button--icon-pos-right{flex-direction:row}.button--icon-pos-left{flex-direction:row-reverse}.button__icon{display:flex;height:1.5em;justify-content:start;overflow:hidden;position:relative;width:1.5em;z-index:1}.button__icon iconify-icon{font-size:1.5em;transition:margin .5s var(--ease-in-out-back),opacity .5s var(--ease-in-out-back)}.button>span{position:relative;z-index:1}.button:hover:before{opacity:.2}.button:hover .button__icon iconify-icon:first-child{margin-left:-1em;opacity:0}.button.button--icon{padding:1em}.button.button--depressed{box-shadow:none}.button.button--link{background:unset;border:unset;box-shadow:unset;color:var(--text-color,#000);padding:0}.button.button--link:focus,.button.button--link:hover{background:unset;border:unset;box-shadow:unset;color:var(--primary-color,gray)}.button.button--flat{background:none;border:none;box-shadow:none!important}.button.button--flat:after{background:linear-gradient(45deg,hsla(0,0%,100%,.25),transparent)}.button.button--flat:focus,.button.button--flat:hover{background:none;border:none;box-shadow:none!important}.button.button--outlined{background-color:transparent;border-color:var(--button_bg_color,#000);box-shadow:none;color:var(--button_bg_color,#000)}.button.button--outlined:focus,.button.button--outlined:hover{box-shadow:none}.button.button--primary{background:var(--primary-color);color:var(--white-color,#fff)!important;font-weight:800}.button.button--primary:hover{background-color:var(--primary-hover,#000);border-color:var(--primary-hover,#000);box-shadow:0 0 16px 0 rgba(var(--primary-rgb),.3)}.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:hover{background-color:rgba(var(--primary-rgb,0,0,0),.3);border-color:rgba(var(--primary-rgb,0,0,0),.3)}.button.button--primary.button--outlined{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}.button.button--primary.button--outlined:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.button.button--white{background-color:var(--white-color);color:var(--primary-color-800,#000)}.button.button--white:hover{background-color:var(--primary-color);color:#fff}.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:hover{background-color:rgba(var(--white-rgb,0,0,0),.4)}.button.button--white.button--outlined{background-color:transparent;border-color:var(--white-color);color:var(--white-color)}.button.button--black{background-color:var(--black-color,#000);color:#fff}.button.button--black:hover{background-color:rgba(var(--black-rgb,0,0,0),.4)}.button.button--secondary{background-color:var(--accent-color,#000);color:var(--white-color,#fff)}.button.button--secondary:hover{background-color:var(--accent-hover)}.button.button--accent{background-color:#00fcef;color:var(--primary-color-700,#fff)}.button.button--accent:hover{background-color:var(--accent-hover)}