.sp-table-container {
  .bi {
    transition: all 0.2s ease-in-out;
  }

  .sp-table {

    .bi-caret-up-fill.text-primary,
    .bi-caret-down-fill.text-primary {
      color: var(--bs-orange) !important;
      transform: scale(1.2);

      &:before {
        color: var(--bs-orange) !important;
      }
    }

    th:hover .bi:not(.text-primary) {
      opacity: 0.7;
    }
  }
}