.floatButtonsText {
    background-color: rgb(75, 110, 246);/*#31B0D5;*/
    color: white;
    padding: 10px 20px;
    border-radius: 12px;
    border-color: #46b8da;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.5s ease;
    bottom: 8px;
}

#menuFloatButtons {
    width: 100%;
    z-index: 99;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    bottom: 8px;
}

#savedProductsFloatButton {
    flex-grow: 1;
    width: 100%;
    margin: 0 10px;
    transition: all 0.5s ease;
    bottom: 8px;
}

#chageCatFloatButton {
    width: 50%;
    opacity: 0;
    transition: all 0.5s ease;
    display: none;
    bottom: 8px;
}

.scrolled #savedProductsFloatButton {
    flex-grow: 0;
    margin: 0 0;
    width: calc(50% - 10px);
    bottom: 8px;
}

.scrolled #chageCatFloatButton {
    display: block;
    opacity: 1;
    width: calc(50% - 10px); 
    bottom: 8px;
}