@import '~scss/variables';
@import '~scss/mixins';

.wrapper {
  position: relative;
  display: flex;
  opacity: 0.6;
}

.image {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 50%;
  border: solid 2px $white;
}

.icon {
  margin-right: 12px;
}

.indicator {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #fff;
  border-radius: 50%;
}

.text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;

  .title {
    @include TypographyTitleH6($dark-color07);
  }

  .description {
    @include ellipsis;
    @include TypographyParagraph($dark-color01);
    max-width: 300px;
  }
}

.link {
  opacity: 1;
}
