.bg-block {
  position: relative;
  display: inline-block;
  background: #221F20;
  color: #fff;
  padding: 20px 45px 0 25px;
  border-radius: 42px;
  transform: translateY(-10px) skewX(-6deg);
}
.bg-block .inner-block {
  display: inline-block;
  transform: skewX(6deg);
}
.macos .bg-block {
  padding: 5px 45px 15px 25px;
  transform: translateY(0) skewX(-6deg);
}

@media screen and (max-width: 480px) {
  .bg-block {
    padding: 11px 20px 3px 10px;
    border-radius: 20px;
    transform: translateY(0px) skewX(-6deg);
  }
  .macos .bg-block {
    padding: 5px 20px 10px 10px;
  }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .bg-block {
    padding: 5px 20px 10px 10px;
  }
}