.strike-full-img-label-wrap {
    /* Case where there is no bg image */
    align-items: start;
    background-color: var(--wp--preset--color--primary);
    justify-content: start;
    min-height: 650px;
    padding: 3rem;
    position: relative;
    transition: min-height 0.5s ease-in-out;

    .triangle-border {
        background-color: var(--wp--preset--color--primary);
        clip-path: polygon(0 0, 0% 100%, 100% 0);
        position: absolute;
        top: 0;
        left: 0;
        height: 40%;
        width: 15%;
        z-index: 1;
    }

    .label-card {
        background-color: var(--wp--preset--color--white);
        color: var(--wp--preset--color--black);
        height: fit-content;
        max-width: 40%;
        position: relative;
        padding: 3rem;
        row-gap: 1rem;
        z-index: 2;

        .feat-term {
            color: var(--wp--preset--color--primary);
            font-weight: 500;
            font-size: var(--wp--preset--font-size--base);
            line-height: 1.125rem;
            letter-spacing: 0.64px;
            text-transform: uppercase;
        }

        .label-title {
            font-size: var(--wp--preset--font-size--lg);
            font-style: italic;
            font-weight: 800;
            letter-spacing: 1.4px;
            line-height: 2.25rem;
            text-transform: uppercase;
        }

        .label-content {
            font-size: var(--wp--preset--font-size--base);
        }

        .btn-arrow {
            color: var(--wp--preset--color--primary);
            margin-top: 0.5rem;

            &::after {
                border-left: .4rem solid var(--wp--preset--color--primary);
            }
        }
    }

    &.br-variant {
        align-items: end;
        justify-content: end;

        .label-card,
        .triangle-border {
            top: unset;
            left: unset;
        }

        .triangle-border {
            bottom: 0;
            right: 0;
            clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        }
    }
}

@media screen and (max-width: 1200px) {
    .strike-full-img-label-wrap .label-card {
        max-width: 65%;
    }
}

@media screen and (max-width: 1024px) {
    .strike-full-img-label-wrap {
        min-height: 500px;
    }
}

@media screen and (max-width: 767px) {
    .strike-full-img-label-wrap {
        min-height: 350px;
        padding: 1.5rem;

        .label-card {
            max-width: 100%;
            padding: 2rem;

            .label-title {
                font-size: 1.5rem;
                line-height: 1.75rem;
                letter-spacing: normal;
            }
        }
    }
}