<section>
  <div class="jc-sb">
    <div>Lorem lorem</div>
    <div>поделиться</div>
  </div>
</section>
<section>
  <div class="container">
    222
  </div>
</section>

section:nth-child(1) {
  background: gray;
  height: 200px;
  display: flex;
  align-items: flex-end;
}
section:nth-child(2){
  background: #2b2b2b;
  height: 200px;
}
.jc-sb {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.jc-sb div:nth-child(1) {
  padding-left: 12%;
}
.jc-sb div:nth-child(2) {
  position: relative;
  box-sizing: border-box;
  padding: 10px 12% 10px 75px;
  background: #2b2b2b;
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
}

.container {
  margin: 0 auto;
  max-width: 600px;
}