.dynamic-tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
.dynamic-tab[data-dynamic-tab-cols] {
    display: grid;
    grid-template-columns: repeat(auto-fit, 100%);
}
.dynamic-tab[data-dynamic-tab-cols="2"] {
    grid-template-columns: repeat(auto-fit, 50%);
}

.dynamic-tab .dynamic-tab-link {
    background-color: #ddd;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

.dynamic-tab .dynamic-tab-link:hover {
    background-color: #ddd;
}

.dynamic-tab .dynamic-tab-link.active {
    background-color: #ffa05c;
}

.dynamic-tab-content {
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}