Кнопка со скошенной кромкой - пример html js css

• HTML код


• CSS код
• Результат кода

<button>Bevelled Button</button>

button {

  background: none;

  border-width: 30px;

  border-color: hotpink;

  border-radius: 10px;

  

  padding-inline: 2ch;

  padding-block: 1ch;

  font-size: 5vmin;

  font-weight: bold;

  color: hotpink;

}

















* {

  box-sizing: border-box;

  margin: 0;

}



html {

  block-size: 100%;

}



body {

  min-block-size: 100%;

  font-family: system-ui, sans-serif;

  

  display: grid;

  place-content: center;

}