<div class="tab">
  <div class="info-tab">Компания</div>
  <div class="info-tab">Задачи и проекты</div>
  <div class="info-tab">CRM</div>
  <div class="info-tab">Контакт-центр</div>
  <div class="info-tab">Сайты и Магазины</div>
</div>

.tab {
  background: #4f6fd8;
  border-radius: 50px;
  width: 712px;
  position: absolute;
  right: 0;
  padding: 183px 250px 465px 109px;
  overflow: hidden;

  .info-tab {
    font-weight: 800;
    font-size: 36px;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin-bottom: 65px;
    max-width: 500px;
    cursor: pointer;
    z-index: 0;
    position: relative;
    transition: 0.4s;

    &::after {
      transition: 0.4s;
      background: #dce6ff;
      border-radius: 100px;
      display: block;
      width: 120%;
      height: 77px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(-150%, -50%);
      color: #3d5dc6;
      content: "";
      z-index: -1;
    }

    &:hover {
      color: #4f6fd8;

      &:after {
        transform: translate(-10%, -50%);
      }
    }
  }
}