How to make a button (shape) in CSS?

Question

css

Hello, I need css code to create such shapes as in the screenshot
, thanks in advance!

Answer 1

I need a LEXUS.
thanks in advance!

Answer 2

Victor: no, you need it without graphics, well, I can imagine how to make the second figure, in principle, an ordinary trapezoid, but the arrow does not work, what
about the code, CODE? Well, please, only this is not what is needed, but something like that

.arrow_box {
position: relative;
/*цвет на ваше усмотрение*/
background: #e84747;
border: thin solid #666699;
width: 90px;
height: 40px
}
.arrow_box:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
/*цвет этой границы должен быть точно таким же, как вначале*/
border-left-color: #e84747;
border-width: 20px;
margin-top: -20px;
}

Answer 3

jsfiddle.net/soledar10/86o960en

Answer 4

habrahabr.ru/post/126207 this will help you anyway. Sorry, but I won’t write for you for your own benefit) follow the link for an exhaustive info on how to apply it is up to you)