.text-content {
    display: inline;
    white-space: nowrap; /* Prevent text from breaking */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Add ellipsis for truncated text */
    max-width: 200px; /* Adjust as needed */
}

.text-content.truncated {
    overflow: hidden; /* Hide overflow */
    white-space: nowrap; /* Prevent text from wrapping */
    text-overflow: ellipsis; /* Add ellipsis for truncated text */
    max-width: 200px; /* Set a max-width for the container (adjust as needed) */
}

/* Simple text button styling */
.show-more-btn {
    background: none; /* No background */
    border: none; /* No border */
    color: red; /* Red text color */
    cursor: pointer;
    padding: 0; /* No padding */
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline; /* Underline for better visibility */
    transition: color 0.3s ease;
}

.show-more-btn:hover {
    color: darkred; /* Darker red on hover */
}