JSFiddle - React, Tailwind, and code Playground
by WEB_DIMITRIY
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button><svg class="gallery_story__button_form__M43CI" viewBox="0 0 287 66"><path d="M0.000488281 20.324C0.000488281 8.77457 9.73351 -0.402822 21.2686 0.170882C47.623 1.48163 95.4551 3.42424 147.465 3.42424C197.883 3.42424 241.104 1.59867 265.571 0.292878C277.169 -0.326146 287 8.88683 287 20.5019V45.3636C287 56.4093 278.053 65.3636 267.007 65.3636C246.576 65.3636 208.98 65.3636 147.465 65.3636C83.2393 65.3636 42.0555 65.3636 19.976 65.3636C8.93033 65.3636 0.000488281 56.4093 0.000488281 45.3636V20.324Z"></path></svg><</button>
</body>
</html>
CSS
body {
display:flex;
align-items:center;
justify-content:center;
}
button {
border: none;
width: 287px;
height: 66px;
font-weight: bold;
font-size: 18px;
line-height: 29px;
position: relative;
color: #FFFFFF;
position: relative;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
transition: 0.15s;
appearance: none;
}
svg {
overflow: visible;
width: 287px;
height: 66px;
}
path {
fill: #1A0728;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
-webkit-filter: drop-shadow(0 0 15px #FF0606);
filter: drop-shadow(0 0 15px #FF0606);
}