.audio_wrapper .title_audio {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-weight: var(--fontWeightSemibold);
}

.audio_wrapper .title_audio .material-symbols-mic {
  color: var(--colorPrimaryDefault);
  margin-right: var(--spacingXs);
}

.audio_wrapper .title_audio .content-audio {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.audio_wrapper .title_audio .content-audio span.audio {
  margin-right: var(--spacingXs);
  font-weight: var(--fontWeightRegular);
}

.audio_wrapper .title_audio .content-audio span.border {
  width: 2px;
  height: 12px;
  margin-right: var(--spacingXs);
  position: relative;
}

.audio_wrapper .title_audio .content-audio span.border::after {
  display: block;
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--colorGreys300);
  position: absolute;
  top: 50%;
  bottom: 0;
}

@media all and (max-width: 36rem) {
  .audio_wrapper .title_audio .content-audio span.border {
    display: none;
  }
}
.audio_wrapper .title_audio .content-audio span.title {
  flex: 1;
}

@media all and (max-width: 36rem) {
  .audio_wrapper .title_audio .content-audio span.title {
    flex: 100%;
    padding: var(--spacingXs) 0;
  }
}