.insight_carrousel-layout .pk-post-item {
    color: inherit;
    height: 100%;
    display: flex;
    text-decoration: none;
    justify-content: space-between;
    gap: max(1rem, calc(1.5 * var(--su)));
    padding: max(1rem, calc(2 * var(--su)));
    overflow: hidden;
}

.insight_carrousel-layout .pk-post-item svg {
    width: max(0.875rem, calc(0.875 * var(--su)));
    height: max(0.875rem, calc(0.875 * var(--su)));
}

.insight_carrousel-layout .pk-post-item svg path {
    fill: var(--dc-white);
}

.flex-layout.insight_carrousel-layout.bg-orange .pk-post-item svg path {
    fill: var(--dc-black);
}

.insight_carrousel-layout .pk-post-item .post-content {
    display: flex;
    flex-direction: column;
    max-width: max(24.688rem, calc(24.688 * var(--su)));
}

.insight_carrousel-layout .post-content .post-date {
    display: flex;
    align-items: center;
    gap: max(0.5rem, calc(0.5 * var(--su)));
    margin-bottom: max(1rem, calc(1 * var(--su)));
    font-size: var(--desktop-body-sm);
}

.insight_carrousel-layout .pk-post-item .post-title {
    font-size: var(--scaling-h3);
    color: inherit;
}

.insight_carrousel-layout .pk-button-group {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
    margin-top: auto;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        width 0.3s ease,
        height 0.3s ease;
}

.insight_carrousel-layout .pk-button-group .pk-button {
    justify-content: center;
    width: 100%;
}

.insight_carrousel-layout .post-image {
    flex-shrink: 0;
    width: 0;
    max-width: max(17.5rem, calc(17.5 * var(--su)));
    height: 100%;
    aspect-ratio: 4/3;
    transition: width var(--slide-transition-duration)
        var(--slide-transition-ease);
}

.insight_carrousel-layout .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: max(0.5rem, calc(0.5 * var(--su)));
}

@media screen and (min-width: 991px) {
    .insight_carrousel-layout .swiper-slide:hover .pk-button-group {
        opacity: 1;
        visibility: visible;
        height: auto;
        transition:
            opacity 0.5s ease-in,
            visibility 0.5s ease-in,
            width 0.5s ease-in,
            height 0.5s ease-in;
    }

    .insight_carrousel-layout .swiper-slide:hover .post-image {
        width: 100%;
    }

    .insight_carrousel-layout .swiper-slide:hover .pk-post-item svg path {
        fill: var(--dc-black);
    }

    .insight_carrousel-layout .pk-post-item .post-content {
        min-width: max(24.688rem, calc(24.688 * var(--su)));
    }

	.insight_carrousel-layout .pk-button-group.is-mobile{
		display: none;
	}
}

@media screen and (max-width: 991px) {
    .insight_carrousel-layout
        .swiper-slide.swiper-slide-active
        .pk-post-item
        svg
        path {
        fill: var(--dc-black);
    }

    .insight_carrousel-layout .pk-post-item {
        flex-direction: column;
    }

    .insight_carrousel-layout .pk-post-item .post-content {
        height: 100%;
    }

    .insight_carrousel-layout .pk-button-group {
		display: none;
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .insight_carrousel-layout .post-image {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
	.insight_carrousel-layout .pk-button-group.is-mobile{
		display: block;
	}
}