.link-cards{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3.5rem
}

.link-cards.product-only {
    gap: unset;
    justify-content: space-between
}

.umb-grid .link-card {
    width: 300px;
    background: var(--grey-mid-light);
    padding: 1em 1.5em;
    border-radius: 9px;
    display: grid;
    gap: 1rem;
    grid-template-rows: auto auto 1fr;
    justify-items: center;
    padding: 1rem .5rem;
    background: linear-gradient(90deg, rgba(49, 63, 84, 0.08) 0%, rgba(51, 65, 86, 0.08) 6.25%, rgba(52, 66, 88, 0.08) 12.5%, rgba(54, 68, 90, 0.08) 18.75%, rgba(56, 70, 92, 0.08) 25%, rgba(57, 71, 94, 0.08) 31.25%, rgba(59, 73, 96, 0.08) 37.5%, rgba(61, 75, 98, 0.08) 43.75%, rgba(63, 77, 100, 0.08) 50%, rgba(64, 78, 101, 0.08) 56.25%, rgba(66, 80, 103, 0.08) 62.5%, rgba(68, 82, 105, 0.08) 68.75%, rgba(69, 83, 107, 0.08) 75%, rgba(71, 85, 109, 0.08) 81.25%, rgba(73, 87, 111, 0.08) 87.5%, rgba(74, 88, 113, 0.08) 93.75%, rgba(76, 90, 115, 0.08) 100%);
    border: 1px solid rgba(76, 90, 103, 0.06);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-decoration: none;
    color: var(--foreground);
    transition: scale .02s, outline .02s
}

.umb-grid .link-card.hoverable:hover{
    transform: scale(1.01);
    outline: 2px solid var(--red-auth);
    outline-offset: 0
}

.picturewrapper {
    width: 100%;
}

.link-card img {
    margin-inline: auto;
    border-radius: 9px;
    margin:0
}

.link-card p {
    max-width: 85%;
    font-size: .87rem;
    letter-spacing: -0.02em;
    text-wrap: balance
}

.link-card .visual-btn {
    background: var(--foreground);
    color: var(--background);
    text-decoration: none;
    padding: .5em .8em;
    border-radius: 6px;
    display: flex;
    width: fit-content;
    margin-inline: auto;
    align-items: center;
    gap: .5em
}

.link-card .visual-btn svg {
    width: 14px;
}

.link-card h3 {
    font-family: var(--ff-semibold);
    font-size: 1.2rem;
    margin: 0
}

.umb-grid .link-cards.product-only .link-card {
    max-width: 215px;
    padding: 0
}
.umb-grid .link-cards.product-only .link-card img {
    width: 100%;
    max-width: unset;
    border-radius: 9px 9px 0 0
}

.link-cards.product-only.smaller-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, 210px);
    justify-content: space-between;
    margin-block-end: 2rem
}

.link-cards.product-only.smaller-cards .link-card {
    min-width: unset;
    padding-block-end: 0;
    background: hsl(0deg 0% 94.51%)
}

.link-cards.product-only.smaller-cards .link-card h3 {
    font-size: 1rem
}

.link-cards.product-only.smaller-cards .link-card img {
    margin-block-end: 0
}

.cta-block-container .content .umb-grid .grid-section .row .column .cta-subtitle h2 {
    margin-block-end: 1rem !important
}

.cta-block-container .content .umb-grid .grid-section .row .column .cta-header ul {
    list-style-type: none;
    padding: 0;
    margin-block-start: .5em !important
}
.cta-header ul p {
    font-size: .93em;
    letter-spacing: -0.01em
}
.cta-header ul > li{
    display:flex;
    align-items: flex-end
}

.cta-header ul > li::before {
    content: "➔";
    margin-inline-end: .5em;
    font-size:.9em;
    opacity:.9
}
.cta-block-container .content .umb-grid .grid-section .row .column .cta-header ul > li{
    display:flex;
    align-items: flex-end
}

.cta-block-container .content .umb-grid .grid-section .row .column .cta-header ul > li::before {
    content: "➔";
    margin-inline-end: .5em;
    font-size:.9em;
    opacity:.9
}