.is-style-with-bar {
  display: flex;
  column-gap: 10px;
  justify-content: flex-start;
  text-transform: uppercase;
}

.is-style-with-bar::after {
  content: '';
  flex:  0 0 154px;
  display: block;
  height: 9px;
  background: linear-gradient(to right,  rgba(72,110,179,1) 0%,rgba(83,151,204,1) 100%);
  align-self: flex-end;
  margin-bottom: 0.2em;
  transform: skewX(-14deg);
}

@media (max-width: 480px) {
  .is-style-with-bar {
    flex-direction: column;
    gap: 6px;
  }

  .is-style-with-bar::after {
    flex:  0 0 9px;
    width: 154px;
    align-self: flex-start;
  }

}