a.featured-listing-card {
    color:var(--wp--preset--color--charcoal);
    text-decoration:none;
    
    & .listing-details {
        h3 {
            font-size:var(--wp--preset--font-size--large);
        }
    }
    
    & .listing-image {
        display:block;
        overflow: hidden;
        position:relative;

        &:before {
            content: 'View Property';
            position:absolute;
            top:50%;
            left:50%;
            z-index:1;
            padding:0.75em 1.5em;
            background: var(--theme--primary-color);
            color:#fff;
            font-weight:500;
            text-transform:uppercase;
            font-size: var(--wp--preset--font-size--small);
            box-sizing:border-box;
            transform: translate(-50%, -25%);
            opacity: 0;
            transition-duration: 300ms;
        }
        
        & img {
            transition-duration: 300ms;
            transform: scale(1.1);
        }
    }
}

a.featured-listing-card:hover .listing-image img{
    transform: scale(1);
}

a.featured-listing-card:hover .listing-image:before{
    transform: translate(-50%, -50%);
    opacity: 1;
}

.featured-properties.splide {

    .splide__arrow {

        &.splide__arrow--prev {
            left:35px;
        }

        &.splide__arrow--next {
            right:35px;
        }
    }
}
