button-10

• Vista previa

  Elementum UI

• Código

  const Button10 = () => {
    return (
      <button className="group relative inline-flex h-12 w-12 items-center justify-center overflow-hidden rounded-full bg-secondary font-medium transition-all duration-300 hover:w-40">
        <div className="inline-flex whitespace-nowrap opacity-0 transition-all duration-200 group-hover:-translate-x-3 group-hover:opacity-100">
          Elementum UI
        </div>
        <div className="absolute right-3.5 top-3.5">
          <i className="fi fi-rr-arrow-right text-xl"></i>
        </div>
      </button>
    );
  };
  
  export default Button10;