.quick_links {
    --item-padding: 0.35rem;
    --item-size: calc(1rem + var(--item-padding));

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--item-padding);

    > a,
    > div {
        display: grid;

        background-color: var(--background-3);
        border-radius: var(--border-radius-leaf);

        padding: var(--item-padding);
        gap: var(--item-padding);

        align-items: center;
        justify-content: center;

        grid-auto-flow: column;

        text-decoration: none;
        font-size: var(--font-size-generic);

        > p {
            margin: 0;
            color: var(--white-1);
        }

        ion-icon {
            margin: auto;
            padding: 0;
        }
    }
}
