.card-hover {
    height: 67vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.desktop .section-news .carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]) > *, 
.desktop .section-news .carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]) > * {
   width: calc(calc(100% - 60px) / 3 ) !important;
}

.tablet .section-news .carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]) > *, 
.tablet .section-news .carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]) > *,
.phone .section-news .carousel .carousel-container .carousel-container-content > .list:not([data-virtualization-disabled]) > *, 
.phone .section-news .carousel .carousel-container .carousel-container-content > .list:not([data-animation-disabled]) > * {
   width: 100% !important;
}

.card-hover-link {
    position: absolute;
    bottom: 0.8rem;
    right: 0.8rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--color-gold);
}

.card-hover-link a:hover [class^="icon-"] {
    transform: scale(1.2);
    transition: transform .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.card-hover-image {
    width: 100%;
    height: 100%;
}

.card-hover-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-hover-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 90%);
    backdrop-filter: blur(9px);
    overflow: hidden;
    transform: translateY(80%);
    transition: transform .5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    padding: 2vh 4vw 2vh 4vw;
}

.desktop .card-hover-text {
    padding: 2vh 2vw 2vh 2vw;
}

.card-hover-text:hover {
    transform: translateY(0);
}