.list-router{
    margin: var(--block-margin) auto;
    max-width: var(--wide-width);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--row-gap);
}

.list-router-header.animate__animated{
    animation-name: fadeIn;
}

.list-router-links{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: calc(var(--item-row-gap) * 1.5);
}

.list-router-links-item{
    display: grid;
    grid-template-columns: 6.9rem minmax(0, 1fr);
    column-gap: var(--item-column-gap);
    padding-bottom: 2.4rem;
    border-bottom: 0.2rem solid var(--accent-color);
}

.list-router-links-item.animate__animated{
    animation-name: fadeInUp;
}

.list-router-links-item-icon{
    grid-column: 1;
}

.list-router-links-item-icon :is(img, svg){
    display: block;
    width: 100%;
}

.list-router-links-item-title{
    grid-column: 2;
}

.list-router-links-item-title h3{
    color: var(--text-color);
    font-weight: 500;
}

@media (max-width: 991px){
    .list-router-links-item-icon{
        grid-row: span 3;
    }

    .list-router-links-item-description,
    .list-router-links-item-button{
        grid-column: 2;
    }
}

@media (min-width: 992px){
    .list-router-links-item-title,
    .list-router-links-item-description{
        margin-bottom: 0;
    }

    .list-router-links-item{
        grid-template-columns: 6.9rem minmax(0, 2fr) minmax(0, 3.3fr) minmax(0, 1.7fr);
        align-items: end;
    }

    .list-router-links-item-title h3,
    .list-router-links-item-description p{
        margin-bottom: 0;
    }

    .list-router-links-item-description{
        grid-column: 3;
    }

    .list-router-links-item-button{
        grid-column: 4;
        text-align: right;
    }
}