Как использовать «до» и «после» в CSS попутного ветра? ⇐ CSS

[Anonymous]

Код: Выделить всё

.card {
position: relative;
background-color: grey;
display: block;
width: 300px;
min-height: 90px;
cursor: pointer;
padding: 15px;
margin: calc(50vh - 30px) auto 0 auto;
}

.card::before {
content: '';
position: absolute;
left: -5px;
top: -5px;
width: calc(100% - 25px);
height: calc(100% - 10px);
border-top: 5px solid brown;
border-left: 5px solid brown;
}

.card::after {
content: '';
position: absolute;
top: -5px;
right: 10px;
height: 5px;
width: 25px;
background-color: orange;
}

Код: Выделить всё

Я не могу понять, как создать то же самое, используя попутный ветер< /p>
Я пробовал использовать попутный ветер, но он не работает, я смотрю видео на YouTube, а также ищу, как использовать «после и до» при попутном ветре, я новичок в попутном ветре

Подробнее здесь: https://stackoverflow.com/questions/755 ... ilwind-css