.fancy-button {
    border: none;
    color: white;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24),
        0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.btn-info {
    background: linear-gradient(to right, #56ccf2, #2f80ed);
}

.btn-success {
    background: linear-gradient(to right, #6fcf97, #27ae60);
}

.btn-warning {
    background: linear-gradient(to right, #f2c94c, #f2994a);
}

.btn-danger {
    background: linear-gradient(to right, #eb5757, #e63946);
}

.fancy-button:hover {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.3);
}

.fancy-button i {
    margin-right: 5px;
}

.box-title {
    white-space: nowrap; /* Prevent text from wrapping to next line */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis to overflow text */
    max-width: 100%; /* Set a max-width to enforce overflow */
}