.company-sites {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.sites-own__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sites-own_card {
    transition: .1s ease-in-out;
    cursor: pointer;
}

.sites-own__link-head {
    font-weight: 500;
    display: inline-flex;
    gap: 6px;
    align-items: center;
    -webkit-transition: min-width .3s ease;
    -moz-transition: min-width .3s ease;
    -o-transition: min-width .3s ease;
    transition: min-width .3s ease;
    justify-content: space-between;
    min-width: 1%;
    color: #121239;

}

.sites-own__link svg {
    width: 12px;
    height: 12px;
    --color: #121239;
    transition: .3s ease;
    position: relative;
    top: 2px;
}

.sites-own__link-body {
    pointer-events: none;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.7s ease;
}

.sites-own__link-inner {
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-weight: 500;
    color: #121239;
}
.sites-own__link-inner img {
    padding-top: 10px;
}
@media (min-width: 992px) {
    .sites-own_card:hover {
        padding: 12px 16px ;
        border-radius: 1px;
        background: #f5f5f5;
    }


    .sites-own_card:hover .sites-own__link-head {
        min-width: 100%;
    }

    .sites-own_card:hover .sites-own__link-body {
        pointer-events: auto;
        grid-template-rows: 1fr;
    }
}
@media (max-width: 991px) {
    .sites-own__title.h4 {
        margin-top: 0!important;
    }
    .sites-own__link {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .sites-own_card {
        padding: 16px 17px;
        border-radius: 1px;
        background: #f5f5f5;
    }
    .sites-own__link-inner {
        min-height: unset;
        overflow: visible;
    }
    .sites-own__link-inner img {
        display: none;
    }
    .sites-own__link-head {
        min-width: 100%;
    }
}