.expandable-content {
    display: none; /* Initially hide the content */
    margin-top: 10px;}
    
.read-more-btn2 {
    /*background-color: blue;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    text-decoration: underline;
    border-radius: 5px;*/
}

.read-more-btn2:hover {
    background-color: rgb(60, 90, 120); /* Change background on hover */
    color: rgb(230, 225, 220);
}

.read-more-btn {
    display: inline-block; /* Allows padding and margin */
    padding: 10px 10px; /* Add padding for size */
    background-color: #41444B; /* Button background color */
    color: white; /* Text color */
    font-size: 16px;  /*Font size */
    border: none; /* Remove border */
    border-radius: 10px; /* Rounded corners */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    cursor: pointer; /* Change cursor to pointer */
    transition: background-color 0.5s, transform 0.5s; /* Smooth transition */
}

.read-more-btn:hover {
    background-color: #41444B; /* Darker background on hover */
    transform: translateY(-2px); /* Slight lift effect */
}

.read-more-btn:active {
    transform: translateY(0); /* Reset lift effect on click */
}