.all-products__list {
    position: relative;
}

button:is(.toggle-filter) {
    aspect-ratio: 1/1;
    padding: 1rem;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
}

.filter-drawer__toggle {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
}

/* media queries */

@media only screen and (max-width: 767.99px) {
    .drawer__toggles:has(button.toggle-filter) {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.99px) {
    .drawer__toggles:has(button.toggle-filter) {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .drawer__toggles:has(button.toggle-filter) {
        display: block;
    }
}