Как создать эффект табуляции в CSS? [дубликат] ⇐ Html

[Anonymous]

Ниже я хотел бы создать следующий эффект для элемента кнопки в CSS:


В то время как мне нужна простая обычная кнопка, но с выступающей снизу вкладкой.
Как мне это сделать?
Я пробовал ::after и ::before, но ни один из них по какой-то причине не дал никаких результатов (и я тоже не знаю, как использовать эти правила).

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

.button {
background: #aaa;
font-size: 16px;
color: #000;
padding: 8px;
width: 200px;
border: 3px solid #000;
border-radius: 6px;
}
.button::after {
width: 10px;
height: 100px;
background: #aaa;
}

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

BUTTON

Подробнее здесь: https://stackoverflow.com/questions/796 ... ect-in-css