@import '../settings/variables';
@import '../tools/mixins/transition';

.c-sort-button {
  cursor: pointer;
  position: relative;
  user-select: none;

  &__chevron {
    @include transition((opacity, visibility));
    margin-left: $margin-small;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
  }

  &:hover, &--hover {
    .c-sort-button__chevron {
      opacity: 1;
      visibility: visible;
    }
  }
}