Как заверстать эти элементы?
https://jsfiddle.net/Lk0p90tc/<div>
  Рассчитаем стоимость обслуживания за 15 минут
</div>div {
  width: 250px;
  height: 70px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-family: sans-serif;
  padding: 5px 40px;
  color: #fff;
  background: #EBA146 no-repeat;
  background-image:
    radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
    radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
    radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
    radial-gradient(circle at center, #fff 0, #fff 46%, transparent 50%, transparent),
    linear-gradient(to right, #EBA146, #E17233);
  background-position:
    5px 5px,
    calc(100% - 5px) 5px,
    5px calc(100% - 5px),
    calc(100% - 5px) calc(100% - 5px),
    0 0;
  background-size:
    12px 12px,
    12px 12px,
    12px 12px,
    12px 12px,
    100% 100%;
}
Вот неплохой вариант через псевдо-элементы.