/* Clickable Parent */
.clickable-parent {
    --focus-width: .1em;
    --focus-color: var(--primary-trans-40);
    
    position:relative;
    transition: translate .3s ease-in-out;

    &:hover{
        translate: 0 -.25em;
    }

    &:focus-within {
        box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
        translate: 0 -.25em;
    }

    &:focus-within :focus {
        box-shadow: none;
        outline: none;
    }
}

.clickable-parent h2 a::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}