Button by Uncannypotato69
#e8e8e8
HTML +TailwindCSS
1<button 2 class="flex h-fit w-fit items-center justify-center gap-[0.5em] rounded-full bg-[#c60808] px-[2em] py-[1em] text-white shadow-[inset_0px_-4px_4px_0px_#f05b5b,0px_0px_0px_2px_#f9d1d1,0px_4px_0px_0px_#A60000] duration-[250ms] hover:translate-y-[0.25em] active:translate-y-[0.5em] active:shadow-[inset_0px_-4px_4px_0px_#f05b5b,0px_0px_0px_2px_#f9d1d1]" 3> 4 <svg 5 viewBox="0 0 24 24" 6 fill="none" 7 xmlns="http://www.w3.org/2000/svg" 8 class="h-[1.5em] w-[1.5em]" 9 > 10 <g id="SVGRepo_bgCarrier" stroke-width="0"></g> 11 <g 12 id="SVGRepo_tracerCarrier" 13 stroke-linecap="round" 14 stroke-linejoin="round" 15 ></g> 16 <g id="SVGRepo_iconCarrier"> 17 <circle cx="12" cy="12" r="10" stroke="#fff" stroke-width="1.5"></circle> 18 <path 19 d="M9 17C9.85038 16.3697 10.8846 16 12 16C13.1154 16 14.1496 16.3697 15 17" 20 stroke="#fff" 21 stroke-width="1.5" 22 stroke-linecap="round" 23 ></path> 24 <ellipse cx="15" cy="10.5" rx="1" ry="1.5" fill="#fff"></ellipse> 25 <ellipse cx="9" cy="10.5" rx="1" ry="1.5" fill="#fff"></ellipse> 26 </g> 27 </svg> 28 <p class="[text-shadow:0px_1px_1px_0px_#950000]">Delete Account</p> 29</button> 30
142 views
142 views
MIT License