.counselling-button {
        position: relative;
        padding: 12px 20px;
        font-size: 15px;
        color: white;
        font-weight: bold;
        border: none;
        border-radius: 50px;
        background: linear-gradient(45deg, yellow, red);
        cursor: pointer;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        z-index: 0;
      }

      .counselling-button::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
          120deg,
          transparent 45%,
          rgba(255, 255, 255, 0.6) 50%,
          transparent 55%
        );
        transform: rotate(25deg);
        animation: diagonal-shine 2.5s infinite linear;
        pointer-events: none;
      }

      @keyframes diagonal-shine {
        0% {
          transform: translateX(-100%) rotate(25deg);
        }
        100% {
          transform: translateX(100%) rotate(25deg);
        }
      }