.add-text-icon {
  display: inline-flex;
  flex-direction: var(--flex-direction, row);
  gap: var(--icon-gap, 0.25em);
  line-height: 100%;
}
.add-text-icon::after {
  content: "";
  color: inherit;
  background-color: currentColor;
  mask-position: center;
  mask-size: var(--icon-size, 1em);
  mask-image: var(--icon-svg, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1em'%20height='1em'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'%20stroke='currentColor'%3E%3C/path%3E%3Cpath%20d='M7%2017%2017%207'%20stroke='currentColor'%3E%3C/path%3E%3C/svg%3E"));
  mask-repeat: no-repeat;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
}