This post is saved as a draft.
#e8e8e8
HTML +TailwindCSS
1<button 2 class="group cursor-pointer border-2 border-gray-300 bg-white px-2 py-1 font-bold rounded-xl shadow-md" 3> 4 <div class="flex bg-gray-50 rounded-full px-4 py-3 shadow-inner"> 5 <svg 6 stroke="currentColor" 7 stroke-width="1.5" 8 viewBox="0 0 24 24" 9 fill="none" 10 xmlns="http://www.w3.org/2000/svg" 11 class="size-6 -rotate-45 mr-1 group-hover:rotate-0 duration-300" 12 > 13 <path 14 d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" 15 stroke-linejoin="round" 16 stroke-linecap="round" 17 ></path> 18 </svg> 19 <span class="group-hover:translate-x-1.5 group-hover:duration-300"> 20 Send Message</span 21 > 22 </div> 23</button> 24
Variation of abutton
Variation of abutton