Rounded Duo-tone Button

<button
        class="group flex items-center bg-emerald-100 text-emerald-700 px-1 py-1 pr-6 rounded-full hover:bg-emerald-200 transition-all">
        <span
            class="bg-emerald-600 text-white w-8 h-8 rounded-full flex items-center justify-center mr-3 group-hover:rotate-12 transition-transform">+</span>
        <span class="font-bold text-sm uppercase">Quick Add</span>
    </button>