.high-light-link-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;

  width: 240px;
  height: 70px;

  background: #E4E6E8;
  border-radius: 8px;

  flex: none;
  order: 0;
  flex-grow: 0;

  &--header-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 16px;

    width: 240px;
    height: 32px;

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

    &__link_url{
      width: 208px;
      height: 20px;

      text-decoration: none;
      cursor: pointer;

      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;

      display: flex;
      align-items: center;
      letter-spacing: 0.25px;

      color: #636D78;

      flex: none;
      order: 0;
      flex-grow: 1;
    }
  }

  &--footer-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;

    width: 240px;
    height: 32px;

    flex: none;
    order: 4;
    align-self: stretch;
    flex-grow: 0;

    &__content{
      width: 208px;
      height: 16px;

      font-family: 'Roboto';
      font-style: normal;
      font-weight: 500;
      font-size: 11px;
      line-height: 16px;

      display: flex;
      align-items: center;
      letter-spacing: 0.5px;

      color: #636D78;

      flex: none;
      order: 0;
      flex-grow: 1;
    }
  }
}

.message-urls {
  max-width: calc(var(--max-width-message-bubble) - 20px);
  overflow-wrap: break-word;
}