.rc-podcastshow-taxonomies {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;

    & > div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    & a {
        color: #2F2F2F;
        font-family: 'Poppins';
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 2px 10px;
        height: fit-content;
        border: 1px solid #2F2F2F;
        background: linear-gradient(to right, #2f2f2f);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 0% 100%;
        transition: background-size 300ms, color 500ms;

        &:hover {
            color: #fff;
            background-position: bottom left;
            background-size: 100% 100%;
        }
    }
}

@media screen and (width <= 767px) {
    .rc-podcastshow-taxonomies,
    .rc-podcastshow-taxonomies > div {
        gap: 5px;
    }
}