.blog-tabs__items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-tabs__items li.blog-tabs__item {
    margin: 0;
    border: 1px solid transparent;
    border-radius: var(--border-radius);
    transition: all 0.2s ease-in-out;
}

.blog-tabs__item.active,
.blog-tabs__item:hover,
.blog-tabs__item:focus,
.blog-tabs__item:active {
    background-color: var(--color-white);
    box-shadow: var(--box-shadow2);
    border: var(--border);
}

.blog-tabs__item-link {
    display: block;
    padding: 12.5px 20px;

    line-height: 1;
    font-weight: 600;
}

.blog-tabs__item-link:hover,
.blog-tabs__item-link:active {
    opacity: 1;
}

.blog-dropbox {
    display: none;
}

@media (max-width: 767px) {
    .blog-tabs {
        display: none;
    }

    .blog-dropbox {
        display: block;
    }
}