.floating-button {
    position: fixed; /* Fix the button in place */
    top: 65px; /* Distance from the bottom of the viewport */
    left: 50%; /* Distance from the right of the viewport */
    transform: translateX(-50%); /* Adjust for the width of the button */
    width: 40px; /* Set a width for the button */
    height: 40px; /* Set a height for the button */
    border-radius: 50%; /* Make it circular */
    display: flex; /* Center the SVG */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    cursor: pointer; /* Change cursor to pointer */
    transition: background-color 0.3s, top 0.5s; /* Transition for hover effect and top position */
}

.floating-button.up {
    top: 270px; /* Move the button 20px up when the container is open */
}

.rotate-icon {
    transition: transform 0.5s ease; /* Transition for rotation */
}

.rotate-icon.rotate {
    transform: rotate(180deg); /* Rotate 180 degrees */
}

.content {
    max-height: 0; /* Initially hidden */
    overflow: hidden; /* Hide overflow */
    transition: max-height 0.5s ease; /* Transition for max-height only */
}

.content.show {
    max-height: 430px; /* Set a max-height that is greater than the content height */
}