cyb/src/pages/oracle/landing/components/TitleText/TitleText.module.scss

.wrapper {
  max-width: 240px;
  text-align: center;

  h6,
  p {
    font-weight: 400;
  }

  h6 {
    color: var(--primary-color);
    text-shadow: 0 0 5px var(--primary-color);
    font-size: 20px;
    position: relative;
    margin: 16px 0 12px;

    // TODO: move to mixin
    &::before {
      content: '';
      pointer-events: none;
      position: absolute;
      left: -20%;
      right: -20%;
      height: 100%;
      filter: blur(7.5px);
      background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0) 3.92%,
        rgba(54, 214, 174, 0.18) 46.46%,
        rgba(54, 214, 174, 0.18) 56.46%,
        rgba(0, 0, 0, 0) 100%
      );
    }
  }

  p {
    margin-top: 7px;
    line-height: 23px;
    color: rgba(255, 255, 255, 0.5);
  }

  a {
    &:hover {
      opacity: 0.7;
    }
  }
}