/* Lista z kropkami (odpowiednik widzetu "icon-list" Elementora). Strona ustawia rozmiar kropki, jej przesuniecie
   w pionie i odstep miedzy pozycjami przez zmienne ponizej. */
.bullets {
  --bullet-size: 15px;
  --bullet-offset: 7px;
  --bullet-gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bullets li { position: relative; display: flex; align-items: flex-start; }
.bullets li:not(:last-child) { padding-bottom: calc(var(--bullet-gap) / 2); }
.bullets li:not(:first-child) { margin-top: calc(var(--bullet-gap) / 2); }
.bullets__icon { position: relative; top: var(--bullet-offset); display: flex; }
.bullets__icon svg {
  width: var(--bullet-size);
  height: var(--bullet-size);
  margin: 0 calc(var(--bullet-size) * .25) 0 0;
  fill: var(--color-accent);
}
.bullets__text { align-self: center; padding-left: 5px; }