.toggle-view-more:checked ~ .wrapper-view-more label.view-more .square-arrow .arrow {
    transform: rotate(0deg);
    transition: transform .5s ease-in-out;
}

.toggle-view-more:not(:checked) ~ .wrapper-view-more label.view-more .square-arrow .arrow {
    transform: rotate(-180deg);
    transition: transform .5s ease-in-out;
}

label.view-more {
    cursor: pointer;
    display: flex;
    align-items: center;
}

label.view-more:hover {
    text-decoration: underline;
}

.wrapper-view-more {
    display: flex;
    align-items: center;
}

.btn-toglle-colapse:hover {
    text-decoration: underline;
}

.collapsible-content p {
    margin: 0;
}

.collapsible-content .tag {
    padding: 5px;
    border-radius: 4px;
    height: var(--sm-height-input-default);
}

.collapsible-content .content {
    padding: 1rem;
    border: 2px dashed #ccc;
    border-radius: 15px;
}