.linkCardContainer {
    margin-bottom: var(--space-20);
}

.linkCardContainer a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: var(--color-text);
}

.linkCardContainer .row {
    justify-content: center;
    --bs-gutter-x: 1.5rem;
}

.linkCardContainer .linkCardWrapper .h3 {
    font-family: var(--font-extrabold);
    text-transform: uppercase;
    font-size: var(--font-size-h4);
}

.linkCardContainer .linkCardWrapper:hover a,
.linkCardContainer .linkCardWrapper:hover .h3 {
    color: var(--color-white);
}


.linkCardWrapper {
    margin-bottom: var(--space-15);
}

.linkCard {
    position: relative;
    background-color: var(--color-grey);
}

.linkCard .buttonSpacer {
    height: 4.0rem;
}

.linkCard .button {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    left: 50%;
    bottom: var(--space-20);
    margin-left: -1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linkCardWrapper:hover .linkCard .button {
    background-color: var(--color-grey);
}


.linkCard .button i {
    color: var(--color-white);
}

.linkCard .cardContent {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    padding: var( --space-20) var( --space-40);
}

.linkCard .h3 {
    margin-bottom: var(--space-15);
}