/* @sticky-cta*/
.sticky-cta {
  width: 100%;
  min-height: 50px;
  position: fixed;
  max-height: fit-content;
  transition: all 0.5s ease-in-out;
  z-index: 20;
  
  .cta {
    width: 100%;
  }

  @media (max-width: 767px) {
    .cta {
      .cta__label {
        svg {
          right: 0;
          position: absolute;
        }
      }
    }
  }

  @media (min-width: $medium-screen) {
    top: 50%;
    transform: translateY(-50%);
    right: -200px;
    width: 160px;
    border-radius: 5px 0px 0px 5px;
  }

  p {
    font-size: 14px;
    color: $white;
  }

  &__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  &__link {
    border-top-left-radius: $border-radius-square;
    border-bottom-left-radius: $border-radius-square;
  }

  &.show {
    opacity: 1;
    right: 0;
  }


  &.hide {
    opacity: 0;
  } 
}