.side-by-side-v2-1-across-fullwidth  {
    .slide.content-right {
        .content-section{
            padding: 16px 30px 0 20px;

            &::after {
                content: '';
                position: absolute;
                bottom: 0;
                right: 0;
                background: url('../svg/energy_sidebyside_right.svg') no-repeat center center;
                width: 67px;
                height: 111px;
                z-index: -1;
                background-size: 100%;
            }
        }

        img {
            clip-path: polygon(0% 0%, 89.68% 0%, 100% 100%, 0% 100% );
        }

        .img-cont {
            padding-right: 15px;
        }

        .category-tag {
            left: 0;
            background-color: var(--pink-90);
            clip-path: polygon(100% 100%, -0.65% 100%, -0.65% 0%, 92.22% 16.96%, 100% 100%);
            padding: var(--space-3) 23px var(--space-2) 14px;
        }
    } 

    .slide.content-left {
        .content-section {
            padding: 16px 20px 0 30px;

            &::after {
                content: '';
                position: absolute;
                bottom: -28px;
                left: 0;
                background: url('../svg/energy_sidebyside_left.svg') no-repeat center center;
                width: 86px;
                height: 67px;
                z-index: -1;
                background-size: 100%;
            }
        }

        img {
            clip-path: polygon(10.32% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        .img-cont {
            padding-left: 15px;
        }

        .category-tag {
            right: 0;
            background-color: var(--red-90);
            clip-path: polygon(0% 100%, 100.65% 100%, 100.65% 0%, 7.78% 16.96%, 0% 100%);
            padding: var(--space-3) 14px var(--space-2) 23px;
        }
    }

    .category-tag {
        position: absolute;
        bottom: 0;
        z-index: 1;
        font-family: var(--font-bold);
        color: var(--white);
    }

    .slide-top .credits {
        right: 20px;
    }

    .qv-btn {
        background: var(--white);
        padding: var(--space-5);
    }

    .slide .slide-footer .read-more {
        background-color: var(--sw-key-color);
    }
}

@media (hover: hover) {
    .side-by-side-v2-1-across-fullwidth .slide .content-section .slide-footer .read-more:hover {
        background: var(--dark-pink);
    }
}


@media (min-width: 64em) {
    .side-by-side-v2-1-across-fullwidth  {
        .slide.content-right {
            .content-section{
                padding: 0 60px 0 30px;

                &::after {
                    width: 133px;
                    height: 213px;
                }
            }

            .img-cont {
                padding: 0;
            }
        } 

        .slide.content-left {
            .content-section {
                padding: 0 30px 0 60px;

                &::after {
                    width: 143px;
                    height: 118px;
                    bottom: 0;
                }
            }

            .img-cont {
                padding: 0;
            }
        }

        .slide-top .credits {
            right: 5px;
        }
    }
}