/* linktree-specifieke stijlen */

.linktree-link {
    text-decoration: none;
    color: var(--grijs);
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
}

a.linktree-link:hover,
a.linktree-link:focus {
    color: var(--grijs);
    border-color: var(--goud);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Zelfde .grow-animatie als de tegels (transition uit main.css), maar
   subtieler geschaald: op een brede knop valt 1.05x veel harder op
   dan op een vierkante tegel. */
.linktree-link.grow:hover {
    transform: scale(1.015);
}

.linktree-link .icon-style {
    width: 3rem;
    height: 3rem;
    font-size: 1.1rem;
    color: var(--white);
}

.linktree-link .chevron {
    font-size: 0.85rem;
    transition: transform .2s ease-in-out;
}

a.linktree-link:hover .chevron {
    transform: translateX(3px);
}

.mini-tiles .card {
    height: 120px;
    flex-direction: column;
    justify-content: center;
}

.mini-tiles .tile-picto {
    padding-top: 0;
}

.mini-tiles .card-body {
    flex: 0 0 auto;
    text-align: center;
    padding: 0.4rem 0.5rem 0.6rem;
}

.mini-tiles .card-title {
    font-size: 1rem;
    margin-bottom: 0;
}