.resource-card {
    height: 100%;
    transition: 0.2s;
}

.resource-card:hover {
    background-color: #2c3a54;
    color:            var(--lorcana-spelen-light);
}

.resource-card .card-title {
    min-height: 3rem;
    display: inline;
    background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 2px;
    transition: background-size 0.5s;
    padding: 0.1em 0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6;
    text-decoration-skip-ink: none;
}

.resource-card:hover .card-title {
    background-size: 100% 2px;
}

.resource-card .card-text {
    font-size: 0.875rem;
}