.gradient-button {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 22px;
      background: linear-gradient(135deg, #6ec6ff, #0b4dbb);
      color: white;
      font-size: 16px;
      font-weight: 600;
      border: none;
      border-radius: 30px;
      cursor: pointer;
      text-decoration: none;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      transition: 
        background 0.3s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
    }

    .gradient-button:hover {
    background: linear-gradient(135deg, #0b4dbb, #6ec6ff); /* Farbwechsel */
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
    color: #D3D3EC;
    }

    .gradient-button .arrow {
      font-size: 18px;
      transition: transform 0.2s ease;
    }

    .gradient-button:hover .arrow {
      transform: translateX(5px); /* Pfeil bewegt sich leicht */
    }