.more-button,
.less-button {
    background-color: white;
    color: black;
    font-family: 'Montserrat';
    padding: 10px 20px;
    border: 2px solid black;
    cursor: pointer;
    margin: 20px auto;
    transition: all 0.3s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.more-button-container + .hidden-content {
    display: none;
}

.hidden-content {
    transition: opacity 0.3s ease-in;
    position: relative;
}

.hidden-content.visible {
    opacity: 1;
}

/* Specific styles for the LESS button */
.less-button {
    background-color: white;
    color: black;
    margin-top: 40px; /* Add more space above the LESS button */
}

/* Add a container for the button to ensure proper spacing */
.hidden-content {
    padding-bottom: 20px;
}