.ines-sorodne-strani .podstrani-povezave {
    display: grid;
    gap: 72px 24px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.ines-sorodne-strani .podstrani-item {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-color: transparent;
    transition: text-decoration-color 0.5s;
}

.ines-sorodne-strani .podstrani-item svg {
    position: relative;
    top: 6px;
    height: 0;
    margin-left: 10px;
    opacity: 0;
    transform: translateX(-32px);
    transition: all 0.5s;
}

.ines-sorodne-strani .podstrani-item:hover {
    text-decoration-color: currentColor;
}

.ines-sorodne-strani .podstrani-item:hover svg {
    height: 32px;
    opacity: 1;
    transform: translateX(0);
}

@media only screen and (max-width: 767px) {
    .ines-sorodne-strani .podstrani-povezave {
        gap: 40px;
    }
}