.ngparatilelinks {
    display: flex;
    gap: var(--gutter);
}

.ngparatilelinks a {
    display: flex;
    background-color: var(--backgroundcolor);
    color: var(--color);
    padding: var(--padding);
    box-sizing: border-box;
    text-decoration: none;
    justify-content: var(--justify);
    flex-direction: column;
    border-radius: var(--roundedcorners);
    font-size:var(--size);
    font-weight:var(--weight);
    text-transform:var(--transform);
    box-shadow:var(--shadow);
}

.ngparatilelinks-hover a:hover {
    filter: brightness(1.1);
}

.ngparatilelinks span {
    text-align: var(--align);
}

@media (min-width: 1024px) {
    .ngparatilelinks {
        flex-wrap: wrap;
        justify-content: var(--rowalign);
    }

    .ngparatilelinks a {
        width: var(--width);
        aspect-ratio: var(--ratiodesktop);
    }
}

@media (max-width: 1023px) {
    .ngparatilelinks {
        flex-direction: column;
    }

    .ngparatilelinks a {
        aspect-ratio: var(--ratiomobile);
    }
}