:root{--button-active-color-bg:#2eb2ff;--button-active-color:#fff}.button{background-color:transparent;border:2px solid currentColor;border-radius:5px;color:currentColor;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;outline:none;padding:.9rem 3rem;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:active,.button:hover{background-color:var(--button-active-color-bg);border-color:var(--button-active-color-bg);box-shadow:0 2px 5px #00000026;color:var(--button-active-color)!important}.button--loading,.button--loading:active,.button--loading:hover{background-color:var(--button-active-color-bg);border-color:var(--button-active-color-bg);box-shadow:none;color:transparent!important;cursor:auto}.button__loading-icon-container{height:2em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.button__loading-icon{height:100%;width:auto}.button-img{border:none;border-radius:5px;color:currentColor;cursor:pointer;display:inline-block;outline:none;overflow:hidden;position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none}.button-img img{display:block;width:100%}.button-img__text{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all .2s ease-out;width:100%}.button-img__text:active,.button-img__text:hover{background-color:#00000059;box-shadow:0 2px 5px #00000026}.button-img--loading .button-img__text,.button-img--loading .button-img__text:active,.button-img--loading .button-img__text:hover{background-color:#00000059;box-shadow:none;color:transparent!important;cursor:auto}