:root {
    --theme-color: #5798d9;
    --theme-color-deep: #2e86de;
}

.b-btn {
    display: inline-block;
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid transparent;
    text-align: center;
}

.b-btn-primary {
    border-color: #e4e4e4;
    color: #8f8f8f;
}

.b-btn-primary:hover {
    border-color: var(--theme-color);
    color: var(--theme-color);
}

/* .public-btn-primary {*/
/*    display: inline-block;*/
/*    color: #FFFFFF;*/
/*    background-color: #1890ff;*/
/*    border-color: #1890ff;*/
/*}*/

/* .public-btn-primary:hover,  .public-btn-primary:focus {*/
/*    background: #46a6ff;*/
/*    border-color: #46a6ff;*/
/*    color: #FFFFFF;*/
/*}*/

.public-btn-primary {
    display: inline-block;
    color: #FFFFFF;
    background-color: var(--theme-color);
}

.public-btn-primary:hover, .public-btn-primary:focus {
    background-color: var(--theme-color-deep);
    border-color: var(--theme-color-deep);
    color: #FFFFFF;
}

.public-btn-success {
    display: inline-block;
    color: #FFFFFF;
    background-color: #13ce66;
    border-color: #13ce66;
}

.public-btn-success:hover, .public-btn-success:focus {
    background: #42d885;
    border-color: #42d885;
    color: #FFFFFF;
}

.public-btn-info {
    display: inline-block;
    color: #FFFFFF;
    background-color: #909399;
    border-color: #909399;
}

.public-btn-info:hover, .public-btn-info:focus {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #FFFFFF;
}

.public-btn-warning {
    display: inline-block;
    color: #FFFFFF;
    background-color: #ffba00;
    border-color: #ffba00;
}

.public-btn-warning:hover, .public-btn-warning:focus {
    background: #ffc833;
    border-color: #ffc833;
    color: #FFFFFF;
}

.public-btn-danger {
    display: inline-block;
    color: #FFFFFF;
    background-color: #ff4949;
    border-color: #ff4949;
}

.public-btn-danger:hover, .public-btn-danger:focus {
    background: #ff6d6d;
    border-color: #ff6d6d;
    color: #FFFFFF;
}