.abra-dynamic-text {
  color: var(--abra-dynamic-text-color);
  display: none;
  font-size: var(--abra-dynamic-text-font-size);
}

.abra-dynamic-text--left .abra-dynamic-text__content {
  justify-content: var(--abra-dynamic-text-justify-content, flex-start);
}

.abra-dynamic-text--center .abra-dynamic-text__content {
  justify-content: var(--abra-dynamic-text-justify-content, center);
}

.abra-dynamic-text--right .abra-dynamic-text__content {
  justify-content: var(--abra-dynamic-text-justify-content, flex-end);
}

.abra-dynamic-text--show {
  display: block;
}

.abra-dynamic-text__content {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: var(--abra-dynamic-text-justify-content, center);
  padding: var(--abra-dynamic-text-padding-y, 1rem) var(--abra-dynamic-text-padding-x, 1rem);
}

.abra-dynamic-text__icon {
  display: flex;
  margin-right: var(--abra-dynamic-text-gap, 1rem);
}

.abra-dynamic-text__icon,
.abra-dynamic-text__icon svg {
  color: var(--abra-dynamic-text-icon-color, #FFFFFF);
  fill: var(--abra-dynamic-text-icon-color, #FFFFFF);
  width: var(--abra-dynamic-text-icon-size, 1rem);
  height: var(--abra-dynamic-text-icon-size, 1rem);
}

.abra-dynamic-text__text {
  color: var(--abra-dynamic-text-color);
  display: block;
  margin: 0;
  padding: 0;
}