JSFiddle - React, Tailwind, and code Playground

HTML

<div class="d"></div>

CSS

.d { 
        background-color: #000;
        height: 100px;
        width: 100px;
    
        position: relative;
        z-index: 1000;
    }
    
    .d:before {
        content: "";
        border: #00a3ff 4px dashed;
        top: -2px;
        left: -2px;
        bottom: -2px;
        right: -2px;
        background-color: #ff0000;
        position: absolute;
        z-index: -1;
    }