.sub_page .card {
    position: relative;
}
.sub_page .card > a {
   position: relative;
   transition: transform .4s ease;
}
.sub_page .card a::after {
    content: '';
    display: block;
    position: absolute;
    inset: -16px;
    background: var(--bg-light);
    z-index: -1;
    border-radius: var(--radius-lg);
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    box-shadow: var(--shadow);
}
.sub_page .card:hover a {
    transform: translateY(-8px);
}
.sub_page .card:hover a::after {
    opacity: 1;
}