.subsection-block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow: hidden;
    max-height: 130px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.subsection-block .subsection {
    border: 1px solid #777;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 16px;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}

.subsection-block .subsection:hover {
    border-color: #0069ae;
}

.subsection-block .subsection:active,
.subsection-block .subsection.active {
    background-color: #0069ae;
    border-color: #0069ae;
    color: #fff;
}

.subsection-block .subsection.active {
    padding: 8px 30px 8px 16px;
    position: relative;
}
.subsection-block .subsection.active::after {
    /*pointer-events: none;*/
    content: '\2716';
    position: absolute;
    right: 9px;
}