.floating-buttons-container {
    position: fixed;
    bottom: 2rem;
    right: 0.5rem;
    z-index: 20;
    width: 5rem;
    display: flex;
    flex-direction: column;
}
.scroll-to-top-container,
.filters-button-container,
.messenger-container {
    display: none;
    z-index: 20;
    width: 5rem;
}
.scroll-to-top {
    width: 5rem;
    height: auto;
    cursor: pointer;
    z-index: 20;
    text-decoration: none;
    background-color: transparent;
    padding: 0.5rem 0;
}
.scroll-to-top:hover {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 0.5rem;
}
.filters-button-container {
    bottom: 8.5rem;
}
.messenger-container {
    bottom: 15rem;
    display: block;
}
.filters-button-container .filters-button,
.messenger-container .messenger-button {
    background-color: var(--primary-color);
    border-radius: 50rem;
    padding: 0.5rem;
    border: 1px solid var(--primary-color);
    cursor: pointer;
}
.messenger-container .messenger-button {
    background-color: #ffffff;
    border-radius: 0.5rem;
    border: none;
}