section[data-accordion-tab-content] {
    display: none;
    width: 100%;
    padding: 0;
    min-height: 0;
}
section[data-accordion-tab-content].active {
        display: block;
    }
}

a[data-accordion-tab-mobile] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: silver;
    outline: none !important;
}
a[data-accordion-tab-mobile]&.active {
    background-color: red;
    color: white;
                             }

ul[data-accordion-tabs] {
    display: none;
}

@media all and (min-width: 64.01em) {
    a[data-accordion-tab-mobile] {
        display: none;
    }

    ul[data-accordion-tabs] {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        width: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

        ul[data-accordion-tabs] li .tab {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            background-color: silver;
            width: 100%;
        }

        ul[data-accordion-tabs] li .tab a {
            color: black;
            text-align: center;
            outline: none !important;
        }

        ul[data-accordion-tabs] li .tab.active {
            background-color: red;
        }

        ul[data-accordion-tabs] li .tab.active a {
            color: white;
        }
}