x 5px -4px rgb(255, 255, 255, 0.1),
    inset 0 0 0px 1px rgb(255 247 247 / 5%);
  z-index: 2;
}

.sort-btn span {
  opacity: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  transition: all 0.3s;
  border-radius: 50%;
  box-shadow: inset -1px 7px 5px -2px rgb(255, 255, 255, 0.5);
}

.sort-btn:hover {
  border-radius: 50%;
  scale: 1.1;
}

.sort-btn:active span:nth-child(1) {
  opacity: 0.2;
}

.sort-btn:active span:nth-child(2) {
  opacity: 0.4;
  transform: rotate(180deg);
}

</style>
    