@charset "UTF-8";

.uniq-speech-bubble {
  display: flex;
  column-gap: 52px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 980px;
  margin-top: 32px;
  margin-inline: auto;
}
.uniq-speech-bubble__media {
  flex-shrink: 0;
}
.uniq-speech-bubble__content {
  position: relative;
  padding: 20px;
  border: 4px solid #e3e3e3;
  border-radius: 20px;
}
.uniq-speech-bubble__content::after {
  display: block;
  display: inline-block;
  position: absolute;
  top: 35%;
  left: 0;
  translate: -100% calc(-50% + 0.4px);
  border-width: 7.2px 16.2px 0 0;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
  content: "";
}
.uniq-speech-bubble__content::before {
  display: block;
  display: inline-block;
  position: absolute;
  top: 35%;
  left: 0;
  translate: -100% -50%;
  border-width: 15px 31px 0 0;
  border-style: solid;
  border-color: transparent #e3e3e3 transparent transparent;
  content: "";
}

.uniq-speech-content {
  display: flex;
  column-gap: 10px;
  align-items: center;
  width: 100%;
}
.uniq-speech-content__media {
  display: none;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .uniq-speech-bubble {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .uniq-speech-bubble__media {
    display: none;
  }
  .uniq-speech-bubble__content::after {
    display: none;
  }
  .uniq-speech-bubble__content::before {
    display: none;
  }
  .uniq-speech-bubble__content {
    padding: 10px 12px;
  }
  .uniq-speech-content__media {
    display: block;
    max-width: 75px;
  }
}