@import 'variables';
@import 'mixins/media';

:host {
  display: block;
}
.isa-card {
  overflow: hidden;
  position: relative;
}
.select-filter-actions {
  text-align: right;
  margin-top: -16px;
  margin-left: -18px;
  margin-right: -18px;
  padding-top: 16px;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  transition: all 100ms ease-in-out;
  &.scroll-shadow {
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.2);
  }
}
.scroll-btn {
  position: absolute;
  bottom: 4px;
  right: 6px;
  box-shadow: 0px 0px 20px 0px rgba(89, 100, 112, 0.5);

  &.no-shadow {
    box-shadow: none;
  }

  @include mq-desktop() {
    bottom: 92px;
    right: 16vw;
  }

  @include mq-big-desktop() {
    bottom: 92px;
    right: 26vw;
  }

  transition: all 100ms linear;
  &.up {
    transform: rotate(90deg);
  }
  &.down {
    transform: rotate(-90deg);
  }
}
