.filters-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
    margin-bottom: 1.5em;
}

.filters-container .btn {
    background-color: var(--wp--preset--color--light);
    border-color: var(--wp--preset--color--light);
    color: var(--wp--preset--color--default);
    padding: 0.5em 1em;
}

.filters-container .btn.active {
    background-color: var(--wp--preset--color--link-hover);
    border-color: var(--wp--preset--color--link-hover);
    color: #fff;
}

.filters-container p {
    margin-bottom: 0.25em;
    width: 100%;
}

.team>h2,
.team-member.child-card {
    display: none;
}

.team>h2.show {
    display: block;
}

.team-member.show {
    display: grid;
}

@media screen and (min-width: 768px) {
    .filters-container {
        width: calc( 100vw - 3em);
    }
    .team-member.show {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) {
    .filters-container {
        width: calc( 100vw - 8em);
    }
}

@media screen and (min-width: 1344px) {
    .filters-container {
        width: 1240px;
    }
}