.tab {
  color: #050530;

  &:hover {
    background: #edeff4;

    svg.bot {
      stop:nth-child(1) {
        stop-color: #050530;
      }
      stop:nth-child(2) {
        stop-color: #050530;
      }
    }
  }

  &.selected {
    color: white;
    background: linear-gradient(92deg, #fe901f 0%, #a94ac7 100%);

    &::after {
      content: " ";
      height: 0;
      position: relative;
      width: 0;
      left: 16px;
      border: 16px solid transparent;
      border-left: 16px solid #a94ac7;
    }

    svg.bot {
      stop:nth-child(1) {
        stop-color: white;
      }
      stop:nth-child(2) {
        stop-color: white;
      }
    }
  }
}