//-------------------------
// 🎌 Text Gradient Blur
//-------------------------

// Layer mixin
@mixin text-gradient() {
  &:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: calcRem(70px);
    width: 100%;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.8) 90%
    );
  }
}