.front-actions-item .lift {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, background-color, color;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    color: var(--bs-template);
}

.front-actions-item .lift:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 0.25rem 1.25rem rgba(52, 63, 82, 0.1);
    color: #f0f8ff;
    background-color: var(--bs-template);
}

.front-actions-item .card .card-body {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
    transition: transform 0.3s ease;
}

.front-actions-item .card .card-body:hover {
    transform: translateY(-0.2rem);
}

.front-actions-item .card .card-body h4 {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
    transition: transform 0.2s ease;
    color: var(--bs-template);
    text-align: center;
}

.front-actions-item .lift:hover h4 {
    color: #FFFFFFFF;
}

.front-actions-item .lift:hover .icon-svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(93deg) brightness(105%) contrast(103%);
    transition: filter 0.2s ease;
}