.vls.v3 {
    --vls-tls-icn-s: 4rem;

    &[data-colors="primary-light"]{
        .bg-bx.lk-bg{
            .vls-icn path{
                fill: var(--dk-bg);
            }
            &.crd{
                border: 2px solid var(--dk-alt-bg);
            }   
        }

    }


    /* Hex CTA box — masked to hexagon shape */
    .hx-clp {
  
        @media screen and (min-width: 1280px) {
            margin-inline: 10%;
        }

        @media screen and (max-width: 1279px) {
            max-width: 23.33rem;
            margin-inline: auto;
        }
    }

    li {
        @media screen and (min-width:1280px) {
            .crd > div {
                height: 100%;

                .btn-con {
                    margin-top: auto;
                }
            }
        }
    }

}