#pattern{width:4em;height:4em;color:red}
#pattern:before{top:5%;left:5%;width:65%;height:65%;background:currentColor;border:solid 1px #fff}
#pattern p{filter:url(#bevel);mix-blend-mode:screen}
#pattern p:after{top:20%;left:20%;width:80%;height:80%;background:currentColor;filter:hue-rotate(90deg);clip-path:var(--clip18)}