.circle-btn {
    border-radius: 50%;
    padding: 10px;
    width: 40px;
    height: 40px;
}
.orange-btn {
    background-color: #e48118;
    color: #fff;
}

.success-btn {
    background-color: #74e3bd;
    color: #fff;
}

.primary-btn {
    background-color: #5d9ee3;
    color: #fff;
}

.warning-btn {
    background-color: #e0c060;
    color: #fff;
}

.danger-btn {
    background-color: #d66570;
    color: #fff;
}

.grey-btn {
    background-color: #6c757d;
    color: #fff;
    opacity: 50%;
}

.grey-btn:hover {
    background-color: #6c757d;
    color: #fff;
    opacity: 100%;
}

.add-btn {
    width: 50px;
    height: 50px;
    background-color: #e48118;
}
.add-btn-icon {
    margin: auto;
    background-image: url(../../assets/icon/plus.png);
    background-size: 100%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

/* #74e3bd #5d9ee3 #e0c060 #d66570 */