Как сделать закругленную кнопку css

Для создания закругленной кнопки в CSS можно использовать свойство border-radius. Например:

HTML:

<button class="btn">Кнопка</button>

CSS:

.btn {
  padding: 10px 20px;
  background-color: red;
  border-radius: 50px;
  border: none;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

Значение border-radius определяет радиус закругления углов кнопки. Чем больше значение, тем более закругленной будет кнопка. Например, значение 50px даст полукруглую кнопку. Для того, чтобы убрать границу кнопки, используется свойство border со значением none. Also, свойство cursor: pointer делает курсор при наведении на кнопку в форме руки (как при нажатии на кнопку).