p {
    display: flex;
    flex-direction: column;
}

.short-text,
.short-textSPA {
    display: block;
    /* Ensure the short text behaves like a block element */
    overflow: hidden;
    /* Hide overflowing text with ellipsis */
    text-overflow: ellipsis;
    /* Add ellipsis (...) at the end of overflowing text */
    line-height: 1.5;
    /* Adjust line spacing for better readability */
}

.expand-button,
.expand-buttonSPA {
    padding: 5px 10px;
    color: aliceblue;
    width: 50%;
    /* Set a fixed width */
    background-color: #19191a;
    /* Adjust background color */
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
    margin: 5px auto;
    /* Center horizontally with auto margin */
}

.full-text.hidden,
.full-textSPA.hidden {
    display: none;
    /* Hide the full text initially */
    overflow: hidden;
}



