<div class="block">
<div class="text">Hello World</div>
</div>
.block, .text {
display: flex;
justify-content: center;
align-items: center;
}
.block {
background: #000;
padding: 40px 40px 60px;
}
.text {
color: #fff;
font-size: 50px;
padding: 4px 25px;
background: gold;
border-radius: 12px;
position: relative;
transform-style: preserve-3d;
}
.text::before {
content: '';
position: absolute;
width: calc(150% + 4px);
height: 100%;
left: calc(-25% - 2px);
top: 50%;
border: 2px solid #fff;
border-radius: 12px;
transform: translateZ(-1px);
}
Нет. Любое отличное от static.