.link_grid-layout {
    padding-block: max(2rem, calc(2 * var(--su))) max(6rem, calc(11.25 * var(--su)));
}

.link_grid-layout .link_grid-intro {
    display: flex;
    flex-direction: column;
}

.link_grid-layout .link_grid-card {
    background: var(--avoord-very-light-blue);
    border-radius: var(--border-radius);
    padding: max(1.5rem, calc(3.5 * var(--su)));
}

.link_grid-layout .link_grid-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: max(1.5rem, calc(6 * var(--su)));
}

.link_grid-layout .link_grid-col-title {
    margin-bottom: max(1rem, calc(1.5 * var(--su)));
    font-size: var(--scaling-h5);
    color: var(--pk-heading-color);
}

.link_grid-layout .link_grid-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.link_grid-layout .link_grid-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: max(0.75rem, calc(1 * var(--su)));
    padding-block: max(0.5rem, calc(0.625 * var(--su)));
    color: var(--pk-text-color);
    font-size: var(--desktop-body);
    text-decoration: none;
    transition: color var(--duration) var(--style-snappy);
}

.link_grid-layout .link_grid-link:hover {
    color: var(--avoord-blue);
}

.link_grid-layout .link_grid-arrow {
    flex-shrink: 0;
    transition: transform var(--duration) var(--style-snappy);
}

.link_grid-layout .link_grid-link:hover .link_grid-arrow {
    transform: translateX(max(0.25rem, calc(0.25 * var(--su))));
}

@media screen and (max-width: 992px) {
    .link_grid-layout .link_grid-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}