/* Read More Button Styling */

.read-more-btn {
    text-align: left !important;
    margin-top: 5px;
    background-color: white;
    color: black;
    padding: 0px 0px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s ease;
}

.read-more-btn:hover {
    color: #e74c3c;
}

/* For the read-more class in category.php */
.read-more {
    display: inline-block;
    margin-top: 5px;
    background-color: white;
    color: black;
    padding: 0px 0px;
    border-radius: 5px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.read-more:hover {
    color: #e74c3c;
}

.read-more i {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.read-more:hover i {
    transform: translateX(5px);
}