.app-logo {
    width: 64px;
}

.hide {
    visibility: hidden;
}

.button.is-sca {
    background-color: #f02e36;
    border-color: transparent;
    color: #fff;
}

.button.is-sca:hover,
.button.is-sca.is-hovered {
    background-color: #ee1c25;
    border-color: transparent;
    color: #fff;
}

.button.is-sca:focus,
.button.is-sca.is-focused {
    border-color: transparent;
    color: #fff;
}

.button.is-sca:focus:not(:active),
.button.is-sca.is-focused:not(:active) {
    box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
}

.button.is-sca:active,
.button.is-sca.is-active {
    background-color: #f02e36;
    border-color: transparent;
    color: #fff;
}

.button.is-sca[disabled],
fieldset[disabled] .button.is-sca {
    background-color: #f02e36;
    border-color: #f02e36;
    box-shadow: none;
}

.button.is-sca.is-inverted {
    background-color: #fff;
    color: #f02e36;
}

.button.is-sca.is-inverted:hover,
.button.is-sca.is-inverted.is-hovered {
    background-color: #f2f2f2;
}

.button.is-sca.is-inverted[disabled],
fieldset[disabled] .button.is-sca.is-inverted {
    background-color: #fff;
    border-color: transparent;
    box-shadow: none;
    color: #f02e36;
}

.button.is-sca.is-loading::after {
    border-color: transparent transparent #fff #fff !important;
}

.button.is-sca.is-outlined {
    background-color: transparent;
    border-color: #f02e36;
    color: #f02e36;
}

.button.is-sca.is-outlined:hover,
.button.is-sca.is-outlined.is-hovered,
.button.is-sca.is-outlined:focus,
.button.is-sca.is-outlined.is-focused {
    background-color: #f02e36;
    border-color: #f02e36;
    color: #fff;
}

.button.is-sca.is-outlined.is-loading::after {
    border-color: transparent transparent #f02e36 #f02e36 !important;
}

.button.is-sca.is-outlined.is-loading:hover::after,
.button.is-sca.is-outlined.is-loading.is-hovered::after,
.button.is-sca.is-outlined.is-loading:focus::after,
.button.is-sca.is-outlined.is-loading.is-focused::after {
    border-color: transparent transparent #fff #fff !important;
}

.button.is-sca.is-outlined[disabled],
fieldset[disabled] .button.is-sca.is-outlined {
    background-color: transparent;
    border-color: #f02e36;
    box-shadow: none;
    color: #f02e36;
}

.button.is-sca.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.button.is-sca.is-inverted.is-outlined:hover,
.button.is-sca.is-inverted.is-outlined.is-hovered,
.button.is-sca.is-inverted.is-outlined:focus,
.button.is-sca.is-inverted.is-outlined.is-focused {
    background-color: #fff;
    color: #f02e36;
}

.button.is-sca.is-inverted.is-outlined.is-loading:hover::after,
.button.is-sca.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-sca.is-inverted.is-outlined.is-loading:focus::after,
.button.is-sca.is-inverted.is-outlined.is-loading.is-focused::after {
    border-color: transparent transparent #f02e36 #f02e36 !important;
}

.button.is-sca.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-sca.is-inverted.is-outlined {
    background-color: transparent;
    border-color: #fff;
    box-shadow: none;
    color: #fff;
}

.button.is-sca.is-light {
    background-color: #eff5fb;
    color: #296fa8;
}

.button.is-sca.is-light:hover,
.button.is-sca.is-light.is-hovered {
    background-color: #e4eff9;
    border-color: transparent;
    color: #296fa8;
}

.button.is-sca.is-light:active,
.button.is-sca.is-light.is-active {
    background-color: #dae9f6;
    border-color: transparent;
    color: #296fa8;
}