<style>
.link-card {
    transition: all 0.2s ease;
    border-left-color: #6c757d !important;
    cursor: pointer; /* 3. カード全体が押せることを示すカーソル */
}

/* 4. カード自体にホバーした時のスタイル */
.link-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    background-color: #fcfcfc;
    border-left-color: #0d6efd !important; /* ホバー時に線色を変えるとよりボタンらしい */
}

/* カードホバー時に中のタイトル色を変える */
.link-card:hover .hover-link span {
    color: #0d6efd !important;
    text-decoration: underline;
}
</style>
