/* Style for the "Read More" Button */
.read-more-btn {
    display: inline-block;
    text-decoration: none;
}

.btn-read-more {
    background-color: #C81908; 
    color: white;
    padding: 12px 30px; 
    font-size: 18px; 
    font-weight: bold; 
    border: none; 
    border-radius: 30px; 
    cursor: pointer; 
    transition: all 0.3s ease-in-out; 
}

/* Hover Effect */
.btn-read-more:hover {
    background-color: #C81908; 
    transform: translateY(-5px); 
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 
}

/* Optional: Adjust font size and alignment for smaller screens */
@media (max-width: 768px) {
    .btn-read-more {
        padding: 10px 20px; 
        font-size: 16px; 
    }
}