.link-container {
    display: flex;
    flex-direction: row;
    gap:0.5em;
    
}
.link-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(4, max-content);
    padding: 0.5em;
    justify-items: center;
    /*border-style: solid;
    border-color: var(--theme-color-blue-dark);
    border-width: 1px;
    border-radius: 0.2em;
    background: var(--theme-color-blue-light-light-light);*/
}

    .link-item > .image {
        font-size: 2em;
    }

    .link-item > .image > img {
        width: 10em;
    }

    .link-item > .label {
        margin-bottom: 0.25em;
        color: var(--theme-color-blue-dark);
        text-decoration: none;
        font-size: 2em;
    }

    .link-item > .detail {
        max-width: 22em;
        padding: 0.5em;
        font-size: 1.25em;
        cursor: text;
    }

    .link-item .btn {
        --default-background-color: var(--theme-color-blue-dark);
        --default-border-color: var(--theme-color-blue-dark);
        --default-color: var(--theme-color-text-light);
        --hover-background-color: var(--theme-color-green);
        --hover-border-color: var(--theme-color-green);
        --hover-color: var(--theme-color-text-dark);
        --active-background-color: var(--theme-color-green);
        --active-border-color: var(--theme-color-green);
        --active-color: var(--theme-color-text-dark);
        border-radius: 0;
        padding: 0.5em;
        font-size: 1.25em;
        color: var(--theme-color-white);
        font-weight: 600
    }