.title-bottom-line {

  position: relative;

  margin-top: 30px;

  margin-bottom: 25px;

}

.title-bottom-line::after {

  content: "";

  position: absolute;

  background-color: var(--f7-list-outline-border-color);

  display: block;

  z-index: 15;

  right: auto;

  bottom: -7px;

  left: 0;

  height: 1px;

  width: 100%;

  transform-origin: 50% 100%;

  transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));

}