.topic-item-deck-open {
    display: grid;
    grid-template-rows: 0.5fr 0.5fr;
    grid-template-columns: 100%;
    background: var(--color-background-2);
    color: var(--color-text-5);
    padding: .5rem;
    border-radius: 0.7rem;
}

.topic-item-deck-open svg {
    width: auto;
}

.topic-item-deck-left {
    display: grid
;
    grid-template-columns: 40px auto;
    align-items: center;
}


.topic-item-deck-right {
    display: grid
;
    grid-template-columns: auto 130px;
    align-items: center;
}

.topic-item-deck-btn {
    background: var(--primary-color);
    padding: 7px 14px;
    color: var(--color-background-0);
    font-weight: 600;
}

.topic-item-card-counting {
    margin-left: 41px;
    color: var(--primary-color);
    font-size: .8rem;
}



@media (max-width: 768px) {
  .topic-modal-window {
    padding: 13px;
  }
}



.topic-item-deck-close {
    display: grid
;
    grid-template-columns: auto 30px;
    justify-content: space-between;
    align-items: flex-start;
}

.close-btn-container-item {
    cursor: pointer;
    width: 40px;
    height: 100%;
}