.card:hover {
    box-shadow: 0 0.15rem 0 0 hsl(198deg, 80%, 46%);
    box-shadow: 0 0.15rem 0 0 var(--clr-card-clickable-box-shadow-color);
    border-width: 0.05rem;
    border-width: var(--clr-card-border-width, 0.05rem);
    border-style: solid;
    border-color: hsl(198deg, 80%, 46%);
    border-color: var(--clr-card-clickable-border-color, hsl(198deg, 80%, 46%));
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-0.1rem);
    transition: border 0.2s ease, transform 0.2s ease;
}