.loaderContainer {
  @extend .customDisplay;
  width: 100%;
  height: 20px;
  gap: 16px;
}
.csvLink {
  position: relative;
  cursor: pointer;
  color: var(--dark-purple);
  &.hidden {
    pointer-events: none;
  }
  .iconStyles svg path {
    fill: var(--blue);
  }
  &:hover {
    .iconStyles svg path {
      fill: var(--blue);
    }
  }
}
.onlyOption {
  position: relative;
  &:not(.hidden) {
    cursor: pointer;
  }
  &.hidden {
    .iconStyles {
      visibility: hidden;
    }
  }
  .linkName {
    gap: 0px;
  }
}
.linkName {
  gap: 16px;
}
.customDisplay {
  display: flex;
  align-items: center;
}