:root {
    --mb-brand-color: #ff8800;
    --mb-brand-color-bottom: #ff9c00;
    --mb-default-btn-background: var(--mb-brand-color);
    --mb-default-btn-gradient-top-color:var(--mb-brand-color);
    --mb-default-btn-gradient-bottom-color:  var(--mb-brand-color-bottom);
}
.btn {
    cursor: pointer;
}
.btn.brand-btn {
    opacity: 0.9;
    transition: opacity 0.3s ease-in-out;
    color: #fff;
    background: var(--mb-default-btn-background);
    background: -webkit-linear-gradient(0deg,var(--mb-default-btn-gradient-top-color) 0%, var(--mb-default-btn-gradient-bottom-color) 50%);
    background: -moz-linear-gradient(0deg,var(--mb-default-btn-gradient-top-color) 0%, var(--mb-default-btn-gradient-bottom-color) 50%);
    background: linear-gradient(0deg,var(--mb-default-btn-gradient-top-color) 0%, var(--mb-default-btn-gradient-bottom-color) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr="#FF8800",
            endColorstr="#FF9900",
            GradientType=0
    );
    &:hover {
        opacity: 1;
    }
}