/* Block: Links */

.block-links .links {
    column-gap: 1.875rem;
    column-count: var(--cols);
    column-width: 20rem;
}

.block-links .text-content {
    margin-bottom: 1.875rem;
}

.block-links .single-link {
    display: block;
    text-decoration: none;
    color: var(--c-text-dark);
    padding: 1.25rem 1.875rem;
    border: 1px solid var(--c-alto);
    border-radius: var(--radius-l);
    outline: none;
    max-width: 49.375rem;
    margin-bottom: 1.25rem;
}

.block-links .single-link:has(.link-label) {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.block-links.bg-gradient .single-link {
    color: white;
    border-color: rgb(from var(--c-alto) r g b / .3);
    background-color: rgb(255 255 255 / .1);
    break-inside: avoid;
}

.block-links .single-link:is(:hover, :focus-visible) {
    border-color: var(--c-tertiary);
    box-shadow: 0px 2px 6px 0px #10182814;
}

.block-links.bg-gradient .single-link:is(:hover, :focus-visible) {
    border-color: white;
}

.block-links .single-link .link-name {
    display: inline;
}

.block-links .single-link:not(:has(.link-label)) svg {
    display: inline-block;
    margin-bottom: -1px;
    margin-left: 0.35rem;
}

.block-links .single-link .link-label {
    color: var(--c-tertiary);
    font-size: var(--font-18-14);
    font-weight: 600;
    margin-left: auto;
}

.block-links .single-link .link-label ~ .chevron {
    color: var(--c-tertiary);
}

.block-links.bg-gradient .single-link .link-label,
.block-links.bg-gradient .single-link .link-label ~ .chevron {
    color: white;
}

.block-links .notes {
    margin-top: 1.25rem;
}

@media screen and (width <= 920px) {
    .block-links .links {
        column-gap: 0.625rem;
    }
    .block-links .single-link {
        margin-bottom: 0.625rem;
    }
}

@media screen and (width <= 720px) {
    .block-links .single-link {
        padding-inline: 1.5rem;
    }
}

@media screen and (width <= 620px) {
    .block-links .single-link:has(.link-label) {
        flex-wrap: wrap;
    }
    .block-links .single-link:has(.link-label) .link-name {
        flex-basis: 100%;
    }
    .block-links .single-link .link-label {
        margin-left: 0;
    }
}