.body--genrepage .toggle_wrapper,
.body--locations .toggle_wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 3rem;
    position: absolute;
    top: 0rem;
    right: 0px;
}


    .body--genrepage .toggle_wrapper .tabs,
    .body--locations .toggle_wrapper .tabs {
        position: relative;
        background-color: transparent;
        padding: 0rem;
        align-items: center;
    }

        .body--genrepage .toggle_wrapper .tabs label,
        .body--locations .toggle_wrapper .tabs label {
            position: relative;
            right: auto;
            font-weight: 500;
            font-size: 1.8rem;
        }

        .body--genrepage .toggle_wrapper .tabs > div,
        .body--locations .toggle_wrapper .tabs > div {
            background-color: var(--grey);
            border-radius: .5rem;
            padding: .5rem;
        }



@media(max-width: 991px) {
    .body--genrepage .toggle_wrapper,
    .body--locations .toggle_wrapper {
        flex-wrap: wrap;
        gap: 1rem;
        margin-bottom: 3rem;
        position: relative;
    }

        .body--genrepage .toggle_wrapper .tabs,
        .body--locations .toggle_wrapper .tabs {
            width: 100%;
            justify-content: space-between;
            margin-bottom: 0rem;
        }

            .body--genrepage .toggle_wrapper .tabs > div,
            .body--locations .toggle_wrapper .tabs > div {
                width: 13rem;
            }

            .body--genrepage .toggle_wrapper .tabs label,
            .body--locations .toggle_wrapper .tabs label {
                bottom: auto;
            }

            .body--genrepage .toggle_wrapper .tabs > div button:nth-child(2),
            .body--locations .toggle_wrapper .tabs > div button:nth-child(2) {
                width: 6rem;
            }
}