@import "node_modules/@glidejs/glide/src/assets/sass/glide.core";

.glide__arrow {
  position: absolute;
  top: 50%;
  left: 0;
  background: transparent;
  margin-top: -1.5rem;
  color: $color-muted;
  opacity: .25;
  cursor: pointer;
  transition: $transition-duration opacity;

  &:hover {
    opacity: 1;
  }

  svg {
    height: 3rem;
    width: 3rem;
    stroke-width: 1;
  }
}

.glide__arrow--next {
  left: auto;
  right: 0;
}