button-3

• Vista previa

  SuccessWarningInfoDanger

• Código

  const Button3 = () => {
      return (
          <div className="flex flex-col lg:flex-row lg:items-center gap-5">
              <button
                  type="button"
                  className="bg-transparent border-2 border-green-500/10 text-green-500 py-2 px-5 rounded hover:bg-green-500 hover:text-white transition-colors"
              >
                  Success
              </button>
              <button
                  type="button"
                  className="bg-transparent border-2 border-amber-600/10 text-amber-600 py-2 px-5 rounded hover:bg-amber-600 hover:text-white transition-colors"
              >
                  Warning
              </button>
              <button
                  type="button"
                  className="bg-transparent border-2 border-blue-500/10 text-blue-500 py-2 px-5 rounded hover:bg-blue-500 hover:text-white transition-colors"
              >
                  Info
              </button>
              <button
                  type="button"
                  className="bg-transparent border-2 border-red-500/10 text-red-500 py-2 px-5 rounded hover:bg-red-500 hover:text-white transition-colors"
              >
                  Danger
              </button>
          </div>
          );
  };