/* overriding font-awesome settings by adding a space after symbol */
td .fa-arrow-left,
td .fa-arrow-right {
  border-radius: 100%;
  padding: 6px 5px 4px 7px;
  box-shadow: 2px 2px 4px RGB(0, 0, 0, 0.3);

  &:hover {
    box-shadow: 2px 2px 8px RGB(0, 0, 0, 0.3);
  }
}

td .fa-arrow-right {
  color: #54a454;
}
i.fa-arrow-left,
i.fa-list {
  margin-right: 0.5em;
}

.fa-trash,
.fa-arrow-left {
  color: #f04e4e;
}

.fa-pencil,
.fa-trash {
  padding: 0.5rem;
}

.fa > :where(span, bl-icon-text) {
  margin-left: 0.25em;
  font-family: var(--default-font);
  font-weight: normal;
}

a.fa {
  margin-left: 0.25em;
}