.quicklinks {
    max-width:min(1450px,75vw);
    margin-left:auto;
    margin-right:auto;
    margin-top:var(--block-margin);
    margin-bottom:var(--block-margin);
}

.wp-block-columns .wp-block-column .quicklinks:only-child {
    margin-top:0;
    margin-bottom:0;
}

@media (max-width:479.98px) {
    .quicklinks {
        max-width:var(--max-block-width);
    }
}

.quicklinks .quicklink-wrapper {
    display:grid;
    align-items:center;
    grid-template-columns:1fr;
    gap:min(47px,2.4vw);
    container-type: inline-size;
}

@media (min-width:768px) {
    .quicklinks .quicklink-wrapper {
        grid-template-columns:1fr 1fr;
    }
}

@media (min-width:1025px) {
    .quicklinks .quicklink-wrapper {
        grid-template-columns:1fr 1fr 1fr;
    }
}

.quicklinks .quicklink-wrapper .quicklink {
    --gap: min(47px,2.4vw);
    text-decoration:none;
    color:inherit;
    display:flex;
    gap:var(--gap);
    align-items:center;
    font-size:clamp(1rem, 1vw, var(--font-size-h5));
    padding:.9em 2.35em .9em 1.35em;
    border-radius:.8em;
    flex:1;
}
@container (max-width: 200px) {
    .quicklinks .quicklink-wrapper .quicklink {
        flex-direction:column;
        justify-content:center;
        padding-right:1.35em;
    }
}

.wp-block-columns .quicklinks .quicklink-wrapper .quicklink:only-child {
    grid-column: 1 / -1;
}

.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+1) {
    --fa-inverse:var(--pink-pale);
    background-color:var(--pink-pale);
}
.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+2) {
    --fa-inverse:var(--orange-pale);
    background-color:var(--orange-pale);
}
.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+3) {
    --fa-inverse:var(--yellow-pale);
    background-color:var(--yellow-pale);
}
.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+4) {
    --fa-inverse:var(--green-pale);
    background-color:var(--green-pale);
}
.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+1):hover {
    --fa-inverse:var(--pink-active);
    background-color:var(--pink-active);
}
.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+2):hover {
    --fa-inverse:var(--orange-active);
    background-color:var(--orange-active);
}
.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+3):hover {
    --fa-inverse:var(--yellow-active);
    background-color:var(--yellow-active);
}
.quicklinks.colorize .quicklink-wrapper .quicklink:nth-child(4n+4):hover {
    --fa-inverse:var(--green-active);
    background-color:var(--green-active);
}

.quicklinks .quicklink-wrapper a.quicklink:hover .title,
.quicklinks .quicklink-wrapper a.quicklink:focus .title,
.quicklinks .quicklink-wrapper a.quicklink:active .title {
    text-decoration:underline;
}

.quicklinks .quicklink-wrapper .quicklink .icon {
    max-height:45px;
    min-width:45px;
    width:auto;
    max-width:50px;
    font-size:2.25em;
    flex:0 1 auto;
}
.quicklinks .quicklink-wrapper .quicklink .title {
    flex:1 0 1 0 calc(100% - (50px + var(--gap)));
    font-weight:var(--weight-bold);
    font-family:var(--font-bold);
}