.special-btn {
    background-color: #007BFF;
    /* Primary color, you can change this */
    color: #FFFFFF;
    /* Text color */
    border: none;
    border-radius: 5px;
    /* Rounded corners */
    padding: 10px 20px;
    /* Top/bottom and left/right padding */
    font-size: 16px;
    /* Text size */
    cursor: pointer;
    /* Changes the cursor to a hand when hovered */
    transition: background-color 0.3s ease;
    /* Smooth transition effect */
    text-align: center;
    /* Centers the text on the button */
    display: inline-block;
    /* Allows for centering and other layout properties */
    text-decoration: none !important;
    /* Removes any underlines */
    margin-bottom: 20px;
}

.special-btn:hover {
    background-color: #0056b3;
    /* Darkens the button color slightly when hovered */
}

.special-btn:active {
    background-color: #004499;
    /* Darkens the button even more when clicked */
}

.special-btn-small {
    padding: 5px 10px;
    font-size: 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    color: #FFF;
    background-color: #007BFF;
    /* Default blue color */
    text-decoration: none;
    /* to remove underline from anchor tags */
    transition: background-color 0.3s;
}

.special-btn-small.edit {
    background-color: #FFC107;
    /* Edit - Yellowish color */
}

.special-btn-small.delete {
    background-color: #DC3545;
    /* Delete - Red color */
}

.special-btn-small:hover {
    opacity: 0.8;
    /* Button fade effect on hover */
}

.special-btn.important {
    background-color: #FF5050;
    /* Brighter Red */
}


.btn-back {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    background-color: #2d2d2d;
    /* Dark grey color */
    color: #ffffff;
    /* White text color */
    text-decoration: none;
    /* Removes underline if it's a link */
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* Smooth transition effect for hover */
}

.btn-back:hover {
    background-color: #1a1a1a;
    /* Slightly darker grey for hover effect */
}