In this section we will create Halloween style buttons in tailwind css. we will see, simple Halloween button , Halloween icons pumpkin & bats and ghost button, Halloween hover effect button tutorial example with Tailwind CSS 3. Before we start we need setup tailwind css with custom Halloween fonts. You can read below article.
Tailwind CSS Use Custom Fonts Example
Example 1
Tailwind CSS Simple Halloween button with google Halloween fonts style.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tailwind CSS Halloween Buttons Tutorial Example</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Satisfy&family=Yellowtail&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
'satisfy': ['"Satisfy"', 'cursive']
}
}
}
}
</script>
</head>
<body>
<div class="flex items-center justify-center h-screen">
<div class="space-x-6">
<h1 class="mb-2 text-4xl text-center font-satisfy">Tailwind CSS Halloween Buttons</h1>
<button
class="px-6 py-2 text-green-100 transition-all duration-300 rounded hover:text-green-800 font-satisfy hover:bg-green-500 bg-gradient-to-r from-green-500 to-green-400 hover:ring-1 hover:ring-green-400 hover:ring-offset-2">
Halloween Button
</button>
<button
class="px-6 py-2 text-yellow-100 transition-all duration-300 ease-out rounded hover:text-yellow-800 font-satisfy hover:bg-yellow-500 bg-gradient-to-r from-yellow-500 to-yellow-400 hover:ring-1 hover:ring-yellow-400 hover:ring-offset-2">
Halloween Button
</button>
<button
class="px-6 py-2 text-red-100 transition-all duration-300 ease-out rounded hover:text-red-800 font-satisfy hover:bg-red-500 bg-gradient-to-r from-red-500 to-red-400 hover:ring-1 hover:ring-red-400 hover:ring-offset-2">
Halloween Button
</button>
<button
class="px-6 py-2 text-gray-100 transition-all duration-300 ease-out rounded hover:text-gray-800 font-satisfy hover:bg-gray-500 bg-gradient-to-r from-gray-500 to-gray-400 hover:ring-1 hover:ring-green-400 hover:ring-offset-2">
Halloween Button
</button>
</div>
</div>
</body>
</html>
tailwind css Halloeen
Example 2
Tailwind CSS Halloween Buttons With SVG Icons.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tailwind CSS Halloween Buttons With Icons</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="flex items-center justify-center h-screen">
<div class="space-x-6">
<button class="px-8 py-1 text-sm bg-yellow-500 rounded-md">
<svg class="w-8 h-8 text-black hover:text-white" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg" stroke-width="1" stroke="currentColor">
<path
d="M21.5231 13.1396C22.053 12.6596 22.0925 12.1801 22.043 11.8602C21.873 10.8707 20.5536 10.3012 20.4036 10.2412C20.3818 10.23 20.358 10.2232 20.3336 10.2212C20.3136 10.2112 18.1952 9.61125 16.4558 6.82137L16.3863 6.70137C14.8863 4.30147 12.8364 1.00461 9.30007 1.00461C8.30011 1.00461 7.24116 1.2746 6.1417 1.79408C0.634934 4.42447 1.89438 12.1101 2.53385 14.0291C3.17333 15.938 4.60277 19.4758 6.99117 21.6847C8.17062 22.7737 8.6606 22.9937 9.03008 22.9937C9.12982 22.9961 9.22887 22.9767 9.32039 22.937C9.4119 22.8973 9.49368 22.8382 9.56006 22.7637C9.82955 22.4742 9.78955 22.0542 9.76005 21.6747V21.6547C9.91222 21.7709 10.0559 21.8977 10.19 22.0342C10.55 22.4042 11.1995 22.7842 11.859 22.7842C12.5689 22.7842 13.3184 22.3247 13.3184 21.0253V20.8253C13.3184 20.5458 13.3184 20.2358 13.3384 20.0253C13.5591 20.1535 13.7726 20.2937 13.9779 20.4453C14.4579 20.7753 14.9073 20.9348 15.3173 20.9348C15.5274 20.9369 15.7352 20.8901 15.9241 20.7982C16.1131 20.7064 16.2782 20.5718 16.4063 20.4053C16.7963 19.9153 16.9063 19.1159 16.7063 18.2864C16.5563 17.6864 16.5263 17.3669 16.5263 17.1969C16.6478 17.2584 16.7648 17.3286 16.8763 17.4069C17.3857 17.7469 17.9357 17.9469 18.4452 17.9469C18.9752 17.9469 19.4247 17.7269 19.6951 17.3269C20.1051 16.7375 20.0751 15.848 19.6251 14.6885C19.3852 14.0591 19.3652 13.7991 19.3752 13.7091C19.5208 13.6877 19.6679 13.6777 19.8151 13.6791C20.3036 13.6591 20.9736 13.6291 21.5231 13.1396ZM19.1347 14.8785C19.8441 16.6875 19.2847 17.4169 18.4447 17.4169C18.0447 17.4169 17.5852 17.2569 17.1757 16.9669C16.8158 16.727 16.5558 16.617 16.3758 16.617C15.8858 16.617 15.9458 17.3964 16.1958 18.4169C16.4458 19.4463 16.1258 20.4168 15.3163 20.4168C15.0263 20.4168 14.6863 20.2968 14.2769 20.0068C13.6869 19.6068 13.3374 19.3973 13.1174 19.3973C12.7674 19.3973 12.7974 19.9473 12.7974 21.0263C12.7974 21.9357 12.3579 22.2557 11.858 22.2557C11.3985 22.2557 10.8685 21.9957 10.569 21.6762C10.179 21.2663 9.75905 20.9763 9.49956 20.9763C9.32957 20.9763 9.21958 21.0963 9.21958 21.3563C9.19958 21.7657 9.39957 22.4657 9.02958 22.4657C8.7796 22.4657 8.30012 22.1657 7.34066 21.2963C4.94075 19.0774 3.56281 15.4595 3.03333 13.8606C2.49336 12.2606 1.16391 4.74545 6.3612 2.27706C7.45065 1.75758 8.42011 1.52709 9.29957 1.52709C12.6074 1.52709 14.5269 4.70495 16.0158 7.10385C17.8947 10.1322 20.2036 10.7317 20.2036 10.7317C20.5931 10.8917 22.2535 11.7712 21.1726 12.7506C20.0841 13.7291 18.1052 12.2096 19.1347 14.8785V14.8785Z"
fill="black" />
<path
d="M6.29971 8.39191C5.69973 7.37245 4.64978 7.05246 3.9913 7.29195C3.52132 7.45195 3.27133 7.85143 3.34133 8.34191C3.49132 9.40087 4.40079 10.1418 5.50024 10.1418C5.59054 10.1402 5.68067 10.1335 5.77023 10.1218C6.17021 10.0818 6.4297 9.93184 6.5597 9.68185C6.79169 9.22137 6.4417 8.6414 6.29971 8.39191ZM6.08972 9.44186C6.02972 9.55186 5.83023 9.59186 5.71023 9.60186C4.77077 9.70185 3.9913 9.14238 3.86031 8.26291C3.82031 7.97292 4.0003 7.84293 4.1603 7.78293C4.25392 7.75293 4.35204 7.73939 4.45028 7.74293C4.87027 7.74293 5.45024 7.98292 5.83973 8.6524L5.84973 8.6624C6.07172 9.04138 6.16171 9.31137 6.09172 9.44086L6.08972 9.44186Z"
fill="black" />
<path
d="M12.3495 6.40353C12.2096 5.93355 11.8196 5.67356 11.3201 5.72355C10.6201 5.78355 9.81066 6.51352 9.68116 7.69248C9.65116 7.98247 9.59116 8.64244 9.98115 8.96193C10.1186 9.0678 10.2877 9.12418 10.4611 9.12192C10.6075 9.11696 10.7523 9.08999 10.8906 9.04192C12.0586 8.64994 12.678 7.51298 12.3495 6.40353ZM10.7301 8.54194C10.6106 8.58194 10.4106 8.63194 10.3106 8.55194C10.2006 8.46195 10.1606 8.18246 10.2106 7.74248V7.73247C10.3106 6.77301 10.9501 6.28253 11.3701 6.24353H11.4301C11.5901 6.24353 11.7696 6.30353 11.8496 6.55302C12.0996 7.40299 11.6291 8.24245 10.7291 8.54194H10.7301Z"
fill="black" />
<path
d="M5.77381 13.4777C5.75703 13.4774 5.74031 13.4757 5.72381 13.4727C5.68543 13.4649 5.64924 13.4487 5.61786 13.4253C5.58648 13.4019 5.56068 13.3718 5.54232 13.3372L4.78485 11.8912C4.76545 11.8605 4.75265 11.826 4.74724 11.7901C4.74184 11.7541 4.74395 11.7174 4.75345 11.6823C4.76295 11.6472 4.77962 11.6144 4.80242 11.5861C4.82522 11.5578 4.85364 11.5345 4.8859 11.5177C4.91816 11.5009 4.95355 11.491 4.98984 11.4886C5.02613 11.4862 5.06252 11.4913 5.09672 11.5037C5.13092 11.516 5.16219 11.5353 5.18854 11.5604C5.21489 11.5855 5.23576 11.6157 5.24983 11.6493L5.85381 12.8052L6.81877 11.9967C6.86438 11.9578 6.92206 11.9358 6.98201 11.9346C7.04197 11.9333 7.10052 11.9528 7.14776 11.9897L8.20721 12.8047L8.93818 11.7227C8.97709 11.6653 9.03708 11.6255 9.10513 11.6121C9.17318 11.5986 9.2438 11.6125 9.30167 11.6508L10.3931 12.3782L10.7431 11.2953C10.7544 11.2608 10.7726 11.229 10.7967 11.2019C10.8208 11.1748 10.8502 11.153 10.8831 11.1378C10.9159 11.123 10.9514 11.1149 10.9874 11.1142C11.0234 11.1134 11.0592 11.1199 11.0926 11.1333L12.1761 11.5763V10.1613C12.1745 10.1258 12.1802 10.0904 12.1927 10.0572C12.2052 10.024 12.2243 9.99363 12.2488 9.96798C12.2734 9.94234 12.3029 9.92193 12.3355 9.90799C12.3682 9.89404 12.4033 9.88686 12.4388 9.88686C12.4743 9.88686 12.5094 9.89404 12.5421 9.90799C12.5747 9.92193 12.6042 9.94234 12.6288 9.96798C12.6533 9.99363 12.6724 10.024 12.6849 10.0572C12.6974 10.0904 12.7031 10.1258 12.7015 10.1613V11.9682C12.7016 12.0114 12.6909 12.0538 12.6706 12.0918C12.6503 12.1299 12.6209 12.1623 12.585 12.1862C12.5491 12.21 12.508 12.2247 12.4651 12.229C12.4223 12.2334 12.379 12.2273 12.339 12.2112L11.1556 11.7272L10.7831 12.8712C10.7705 12.9097 10.7491 12.9448 10.7207 12.9736C10.6923 13.0025 10.6576 13.0244 10.6193 13.0377C10.581 13.051 10.5402 13.0552 10.5 13.0501C10.4598 13.045 10.4214 13.0306 10.3876 13.0082L9.22517 12.2327L8.4842 13.3302C8.46423 13.36 8.43836 13.3854 8.40817 13.4049C8.37798 13.4243 8.34413 13.4373 8.30871 13.4432C8.23806 13.4536 8.16617 13.4356 8.10872 13.3932L6.99476 12.5357L5.9408 13.4187C5.89368 13.4571 5.83464 13.478 5.77381 13.4777V13.4777Z"
fill="black" />
</svg>
</button>
<button class="px-8 py-1 text-sm bg-gray-900 rounded-md">
<svg class="w-8 h-8 text-gray-300 hover:text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg
stroke-width="1" stroke="currentColor">
<path
d="M20.9896 6.24125C20.1301 5.21179 19.1507 4.66231 18.0812 4.59132C17.2918 4.54132 16.5923 4.76131 16.0523 5.0208C15.7628 4.78131 14.7524 4.07084 13.5524 4.40132C13.6773 4.15385 13.8316 3.92235 14.0119 3.71185C14.04 3.68878 14.0626 3.65978 14.0782 3.62693C14.0937 3.59409 14.1018 3.55821 14.1019 3.52186C14.0981 3.45899 14.0735 3.39918 14.0319 3.35187C14.0102 3.32359 13.9832 3.29981 13.9524 3.28187C13.5224 2.86239 12.5525 2.41241 11.4135 3.19188C11.3913 3.20163 11.371 3.21517 11.3535 3.23187C11.3288 3.24648 11.3081 3.26712 11.2935 3.29187C11.2897 3.2958 11.2868 3.30054 11.2851 3.30573C11.2834 3.31092 11.2828 3.31644 11.2835 3.32187C11.2635 3.34361 11.2527 3.37231 11.2535 3.40187V3.44186C11.2435 3.53186 11.2135 3.95184 11.1135 4.49182C9.59458 3.75235 8.12564 4.9213 7.92565 5.0813C6.8362 4.53132 4.93728 4.06184 3.12585 5.97076C3.09585 5.98076 3.07585 6.01076 3.04585 6.04076C1.24093 7.99967 0.231471 13.1375 1.69041 16.5653C2.37038 18.2042 3.90932 20.1432 7.31718 20.2432C7.76716 20.6531 8.28664 20.9831 8.88661 21.1326C9.86607 21.3826 10.8865 21.1026 11.905 20.3032C12.2645 20.6031 13.1839 21.2326 14.3134 21.2326C14.518 21.232 14.7221 21.2119 14.9229 21.1726C15.5028 21.0531 16.0423 20.7531 16.5323 20.2832C16.7528 20.3263 16.9771 20.3465 17.2018 20.3432C18.1712 20.3432 19.8517 20.0037 21.3196 18.0048C21.3386 17.9852 21.3524 17.9611 21.3596 17.9348C23.4385 15.0364 23.799 9.55961 20.9896 6.24125ZM13.4439 3.51286C13.0044 3.83285 12.6145 3.97234 12.3145 3.89285C12.085 3.83285 11.925 3.65286 11.845 3.52286C12.5845 3.08288 13.1639 3.32287 13.4439 3.51286ZM12.5645 9.05963C12.3382 9.1093 12.1064 9.12946 11.875 9.11963C11.4235 9.10276 10.9793 9.00099 10.5655 8.81964C11.185 8.44016 12.0545 7.3807 12.5345 4.42232C12.6979 4.41485 12.8594 4.38456 13.0144 4.33233C12.5745 5.18229 12.2345 6.27125 12.0145 7.17071C11.805 8.09967 12.1645 8.71964 12.5645 9.05963ZM11.685 4.11234C11.7894 4.20833 11.9115 4.28305 12.0445 4.33233C11.4445 8.03217 10.2446 8.46016 9.96607 8.50015C9.80607 8.40016 9.67608 8.30016 9.55608 8.21017C9.80937 8.15517 10.0437 8.03446 10.2356 7.86018C11.195 7.03072 11.555 5.13179 11.685 4.11234ZM20.9096 17.7048C19.4307 19.7337 17.7217 19.8837 16.9518 19.8237C17.4118 19.2737 17.8212 18.5642 18.1812 17.7048C18.1944 17.6746 18.2014 17.6421 18.202 17.6092C18.2026 17.5763 18.1967 17.5436 18.1846 17.513C18.1726 17.4824 18.1546 17.4545 18.1318 17.4308C18.1089 17.4071 18.0816 17.3882 18.0515 17.375C18.0213 17.3619 17.9888 17.3548 17.956 17.3543C17.9231 17.3537 17.8904 17.3596 17.8597 17.3716C17.8291 17.3837 17.8012 17.4016 17.7775 17.4245C17.7538 17.4473 17.7349 17.4746 17.7217 17.5048C17.2818 18.5342 16.7923 19.3237 16.2423 19.8547C15.8028 20.2942 15.3328 20.5642 14.8234 20.6741C13.3639 20.9841 12.0945 19.8047 12.085 19.7947C12.0391 19.7523 11.9793 19.7279 11.9169 19.726C11.8544 19.7242 11.7933 19.745 11.745 19.7847C10.795 20.5742 9.87607 20.8741 9.01661 20.6441C8.48663 20.5142 8.01665 20.1942 7.61666 19.8147C6.60721 18.8552 6.04773 17.4648 6.03773 17.4458C6.0169 17.3992 5.98331 17.3594 5.94084 17.3311C5.89837 17.3028 5.84876 17.2871 5.79774 17.2858C5.76687 17.2876 5.73649 17.2944 5.70774 17.3058C5.64462 17.3303 5.5936 17.3786 5.56558 17.4402C5.53755 17.5019 5.53474 17.5721 5.55775 17.6358C5.58775 17.7058 6.01773 18.7652 6.8172 19.7147C4.59979 19.4937 2.98986 18.3442 2.14989 16.3753C0.699952 12.9495 1.8999 8.03017 3.41984 6.38124C5.84974 3.75285 8.40663 5.94976 8.50663 6.04976C8.53124 6.07379 8.56047 6.0926 8.59255 6.10505C8.62463 6.11749 8.65889 6.12332 8.69328 6.12217C8.72767 6.12102 8.76147 6.11293 8.79265 6.09837C8.82383 6.08381 8.85174 6.0631 8.87469 6.03747C8.89765 6.01184 8.91519 5.98184 8.92624 5.94925C8.9373 5.91667 8.94165 5.88219 8.93902 5.84788C8.9364 5.81357 8.92686 5.78015 8.91098 5.74963C8.8951 5.7191 8.8732 5.69211 8.84661 5.67027C8.71036 5.55441 8.56673 5.44753 8.41663 5.35029C8.82661 5.0603 9.91657 4.42082 10.9665 4.9803C10.9848 4.99139 11.0053 4.99823 11.0265 5.0003C10.8365 5.90976 10.4965 6.95922 9.90707 7.4692C9.65708 7.68919 9.37709 7.78868 9.0776 7.75918H9.04761C9.04655 7.7516 9.04304 7.74458 9.03761 7.73918C9.0039 7.70001 8.95887 7.67224 8.90873 7.6597C8.85859 7.64717 8.8058 7.65048 8.75762 7.66919C8.7277 7.67997 8.70042 7.69702 8.67762 7.71919C8.62906 7.76535 8.59994 7.82831 8.59623 7.89521C8.59251 7.96211 8.61447 8.02791 8.65762 8.07917C8.9799 8.42668 9.35032 8.72621 9.75758 8.96863C10.3076 9.30862 11.027 9.60861 11.8665 9.62861H11.9565C13.0954 9.62861 14.1849 9.09863 15.1943 8.05917C15.2388 8.01115 15.2627 7.94758 15.2609 7.88214C15.259 7.81669 15.2315 7.75459 15.1844 7.70919C15.1608 7.68556 15.1327 7.66681 15.1019 7.65402C15.0711 7.64123 15.038 7.63465 15.0046 7.63465C14.9712 7.63465 14.9382 7.64123 14.9073 7.65402C14.8765 7.66681 14.8485 7.68556 14.8249 7.70919C14.7549 7.77918 14.6749 7.85918 14.6049 7.91918C14.4449 7.89918 13.9254 7.79918 13.4654 7.2897C13.1454 6.93972 13.6354 6.18025 13.6354 6.17025C13.6725 6.11456 13.6859 6.04642 13.6727 5.98083C13.6595 5.91525 13.6209 5.85758 13.5652 5.82052C13.5095 5.78345 13.4413 5.77003 13.3758 5.78321C13.3102 5.79638 13.2525 5.83507 13.2154 5.89076C13.1854 5.93026 12.506 6.99072 13.0954 7.64069C13.3819 7.95025 13.7383 8.18667 14.1349 8.33016C13.8516 8.5496 13.5387 8.72786 13.2054 8.85964C13.0554 8.80964 12.246 8.42016 12.516 7.2907C12.6922 6.52498 12.9324 5.77539 13.2339 5.0498H13.2439C14.2334 4.53032 15.1439 4.9998 15.5528 5.28979C15.354 5.409 15.1666 5.54624 14.9929 5.69977C14.9686 5.7227 14.949 5.75019 14.9354 5.78068C14.9217 5.81116 14.9142 5.84405 14.9133 5.87744C14.9124 5.91083 14.918 5.94408 14.93 5.97528C14.9419 6.00648 14.9599 6.03501 14.9829 6.05926C15.0041 6.08425 15.0301 6.10468 15.0595 6.11929C15.0888 6.13391 15.1208 6.14241 15.1536 6.14428C15.1863 6.14615 15.2191 6.14135 15.2499 6.13017C15.2807 6.11899 15.3089 6.10167 15.3328 6.07925C15.3528 6.06925 16.5423 4.9998 18.0512 5.0898C18.9807 5.14979 19.8402 5.64977 20.6101 6.55923C23.2785 9.7391 22.9085 14.9864 20.9096 17.7048Z"
fill="black" />
<path
d="M5.32378 10.6407C5.31546 10.6412 5.30711 10.6412 5.29878 10.6407C5.23194 10.634 5.17048 10.6011 5.12784 10.5492C5.08521 10.4973 5.06487 10.4306 5.07129 10.3637C5.23979 8.68028 7.5547 7.14034 7.65269 7.07585C7.68044 7.05621 7.71185 7.04235 7.74506 7.03509C7.77827 7.02784 7.81259 7.02734 7.846 7.03362C7.87941 7.0399 7.91121 7.05283 7.93951 7.07165C7.96782 7.09047 7.99205 7.11479 8.01077 7.14317C8.02948 7.17155 8.0423 7.2034 8.04846 7.23682C8.05462 7.27025 8.05399 7.30458 8.04661 7.33776C8.03923 7.37094 8.02525 7.4023 8.00551 7.42997C7.98577 7.45764 7.96066 7.48106 7.93168 7.49883C7.90918 7.51333 5.72027 8.97126 5.57577 10.4142C5.56911 10.4764 5.53969 10.5339 5.49318 10.5757C5.44666 10.6175 5.38633 10.6407 5.32378 10.6407Z"
fill="black" />
<path
d="M18.5533 10.6403C18.4904 10.6403 18.4298 10.617 18.3832 10.5749C18.3366 10.5327 18.3072 10.4748 18.3008 10.4123C18.1568 8.96941 15.9679 7.51247 15.9449 7.49697C15.8912 7.45896 15.8544 7.40157 15.8422 7.33692C15.83 7.27227 15.8435 7.20542 15.8797 7.15051C15.9159 7.0956 15.9721 7.05691 16.0363 7.04263C16.1005 7.02836 16.1678 7.0396 16.2238 7.07399C16.3238 7.13849 18.6373 8.67842 18.8052 10.3618C18.8118 10.4287 18.7915 10.4955 18.7489 10.5474C18.7062 10.5994 18.6446 10.6323 18.5778 10.6388C18.5696 10.6398 18.5614 10.6403 18.5533 10.6403Z"
fill="black" />
<path
d="M9.84961 13.393C9.80471 13.3934 9.76053 13.3816 9.72174 13.359C9.68294 13.3364 9.65095 13.3037 9.62912 13.2645C9.36364 12.8517 8.95351 12.553 8.47917 12.427C7.7997 12.254 7.00774 12.4515 6.12327 13.0075C6.08237 13.0331 6.03502 13.0465 5.98677 13.0461C5.93853 13.0457 5.89139 13.0315 5.85092 13.0053C5.81044 12.979 5.77829 12.9418 5.75825 12.8979C5.73821 12.854 5.73111 12.8053 5.73779 12.7575C5.75229 12.6575 6.10628 10.2601 7.9512 10.2601C9.70762 10.2601 10.1011 12.393 10.1011 13.1405C10.1008 13.1963 10.0822 13.2505 10.048 13.2946C10.0138 13.3387 9.96607 13.3703 9.91211 13.3845C9.89176 13.3901 9.87073 13.393 9.84961 13.393ZM7.98419 11.8601C8.19632 11.8597 8.40765 11.886 8.61317 11.9386C8.92829 12.0198 9.22348 12.1646 9.48063 12.364C9.31364 11.6716 8.91215 10.7671 7.9507 10.7671C7.00974 10.7671 6.56376 11.6761 6.37026 12.287C6.93991 12.0031 7.47788 11.8607 7.98419 11.8601Z"
fill="black" />
<path
d="M14.0274 13.3932C14.0057 13.3935 13.9839 13.3908 13.9629 13.3852C13.909 13.3709 13.8613 13.3393 13.8271 13.2952C13.793 13.2511 13.7743 13.197 13.7739 13.1412C13.7739 12.3938 14.1699 10.2608 15.9263 10.2608C17.7708 10.2608 18.1262 12.6562 18.1397 12.7582C18.1463 12.806 18.1391 12.8547 18.119 12.8986C18.0989 12.9424 18.0667 12.9796 18.0262 13.0059C17.9857 13.0321 17.9386 13.0462 17.8903 13.0467C17.8421 13.0471 17.7947 13.0338 17.7538 13.0082C16.8698 12.4498 16.0773 12.2553 15.3994 12.4273C14.925 12.5533 14.5149 12.8519 14.2494 13.2647C14.2275 13.3042 14.1952 13.337 14.1561 13.3596C14.1171 13.3822 14.0726 13.3939 14.0274 13.3932ZM15.9273 10.7673C14.9659 10.7673 14.5644 11.6718 14.3974 12.3643C14.6544 12.1648 14.9494 12.02 15.2644 11.9388C15.9403 11.7648 16.6918 11.8813 17.5068 12.2888C17.3108 11.6758 16.8628 10.7673 15.9263 10.7673H15.9273Z"
fill="black" />
<path
d="M12.9194 17.6989C12.8604 17.6988 12.8032 17.6783 12.7574 17.6409L11.9575 16.9729L11.0715 17.5904C11.0236 17.6245 10.9652 17.6405 10.9065 17.6358C10.8479 17.631 10.7929 17.6058 10.751 17.5644L9.82157 16.6644L8.84961 17.3074C8.80154 17.3396 8.74391 17.3542 8.68633 17.3491C8.62874 17.3439 8.57467 17.3191 8.53312 17.2789L7.62716 16.399L6.5897 16.9989C6.55716 17.0175 6.52092 17.0287 6.48357 17.0317C6.44622 17.0346 6.40867 17.0293 6.37361 17.0161C6.33855 17.0028 6.30685 16.982 6.28077 16.9551C6.25468 16.9282 6.23486 16.8959 6.22271 16.8604L5.30475 14.1395C5.285 14.0807 5.28751 14.0167 5.3118 13.9596C5.33609 13.9025 5.38047 13.8563 5.43655 13.8298C5.49262 13.8032 5.55649 13.7981 5.61606 13.8155C5.67562 13.8329 5.72674 13.8715 5.75973 13.9241L6.40371 14.9535L7.41666 14.174C7.46603 14.1352 7.52821 14.1163 7.59084 14.1212C7.65346 14.1262 7.71195 14.1545 7.75465 14.2005L8.77461 15.276L9.89306 14.4845C9.94414 14.4482 10.0069 14.4321 10.0692 14.4394C10.1314 14.4467 10.1888 14.4769 10.23 14.524L10.9415 15.337L11.5735 14.73C11.613 14.6925 11.6634 14.6688 11.7175 14.6622C11.7715 14.6556 11.8262 14.6666 11.8735 14.6935L12.9494 15.3125L13.6369 14.44C13.6753 14.391 13.7306 14.3578 13.7919 14.347C13.8533 14.3362 13.9165 14.3485 13.9694 14.3815L15.2143 15.156L15.9913 14.299C16.0309 14.2557 16.0842 14.2274 16.1422 14.2189C16.2003 14.2104 16.2595 14.2223 16.3098 14.2525L17.4597 14.949L18.1492 13.8881C18.1838 13.8364 18.2359 13.799 18.296 13.7828C18.356 13.7666 18.4198 13.7727 18.4757 13.8001C18.5313 13.8282 18.5746 13.8758 18.5973 13.9338C18.6201 13.9918 18.6208 14.0561 18.5992 14.1145L17.5862 16.8364C17.5738 16.8709 17.5539 16.9022 17.5279 16.9281C17.502 16.9541 17.4707 16.974 17.4362 16.9864C17.4018 16.9988 17.365 17.0036 17.3285 17.0005C17.292 16.9974 17.2566 16.9865 17.2248 16.9684L16.2218 16.399L15.3773 17.2439C15.3358 17.2851 15.2814 17.3107 15.2233 17.3165C15.1651 17.3224 15.1067 17.308 15.0578 17.2759L14.0914 16.631L13.0994 17.6239C13.076 17.6478 13.048 17.6668 13.017 17.6797C12.9861 17.6926 12.9529 17.6991 12.9194 17.6989ZM11.9695 16.399C12.0286 16.399 12.0859 16.4197 12.1315 16.4575L12.9029 17.1009L13.8794 16.125C13.9208 16.0836 13.9752 16.0578 14.0335 16.0521C14.0918 16.0463 14.1502 16.0609 14.1989 16.0935L15.1653 16.7379L15.9993 15.905C16.0385 15.866 16.0894 15.8409 16.1441 15.8335C16.1989 15.826 16.2546 15.8365 16.3028 15.8635L17.2158 16.3815L17.5262 15.546C17.4846 15.5439 17.4442 15.5314 17.4088 15.5095L16.2268 14.794L15.4493 15.6525C15.4092 15.696 15.3552 15.7242 15.2966 15.7323C15.2379 15.7405 15.1783 15.728 15.1278 15.697L13.8959 14.9305L13.2134 15.799C13.1758 15.8469 13.1223 15.8797 13.0625 15.8913C13.0027 15.903 12.9408 15.8928 12.8879 15.8625L11.788 15.2295L11.0995 15.887C11.0479 15.932 10.982 15.957 10.9135 15.9575C10.8793 15.9558 10.8458 15.9473 10.8149 15.9326C10.784 15.9178 10.7563 15.897 10.7335 15.8715L9.99956 15.0295L8.8886 15.816C8.8389 15.8514 8.77803 15.8677 8.71727 15.8617C8.6565 15.8557 8.59996 15.8279 8.55812 15.7835L7.54466 14.715L6.4912 15.525C6.44272 15.5594 6.38467 15.5778 6.32521 15.5775L6.6047 16.4065L7.53966 15.8645C7.58733 15.8371 7.64261 15.8259 7.69717 15.8327C7.75173 15.8394 7.80261 15.8638 7.84215 15.902L8.74211 16.7724L9.71157 16.1265C9.75976 16.0947 9.81731 16.0802 9.87479 16.0854C9.93228 16.0906 9.98632 16.1151 10.0281 16.155L10.955 17.0549L11.828 16.4465C11.8693 16.4165 11.9189 16.3999 11.97 16.399H11.9695Z"
fill="black" />
<path
d="M14.1034 3.52326C14.0996 3.4604 14.075 3.40059 14.0334 3.35327H14.0434C14.0822 3.40145 14.1033 3.46142 14.1034 3.52326Z"
fill="black" />
</svg>
</button>
<button class="px-8 py-1 text-sm bg-white border border-2 border-gray-600 rounded-md">
<svg class="w-8 h-8 text-gray-600 hover:text-gray-900" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg" stroke-width="1" stroke="currentColor">
<path
d="M22.92 9.07393C19.8817 5.77407 16.7533 6.11555 16.6233 6.12405C16.5862 6.12905 16.5506 6.14246 16.5194 6.16325C16.4882 6.18404 16.4622 6.21168 16.4433 6.24405C16.4238 6.27497 16.4111 6.30966 16.4059 6.34584C16.4008 6.38203 16.4033 6.41889 16.4133 6.45404C16.4533 6.56403 17.2033 9.16242 14.1049 11.1413C13.7644 10.7062 13.3598 10.3254 12.905 10.0119C12.8725 9.99145 12.8356 9.97898 12.7974 9.9755C12.7591 9.97203 12.7206 9.97764 12.685 9.99189C12.6476 10.0052 12.6142 10.0278 12.588 10.0575C12.5618 10.0872 12.5435 10.1232 12.535 10.1619C12.5255 10.1919 12.3555 10.8119 11.7255 11.0013C11.7155 11.0013 11.7055 11.0113 11.6955 11.0113C11.036 11.1913 10.5566 10.7214 10.5366 10.7014C10.5116 10.6712 10.4787 10.6487 10.4416 10.6364C10.4044 10.6241 10.3646 10.6225 10.3266 10.6319C10.287 10.6373 10.2493 10.6518 10.2163 10.6743C10.1834 10.6967 10.1561 10.7265 10.1366 10.7614C10.1166 10.8014 9.81659 11.4013 9.67709 12.3308C5.99874 12.1808 5.33927 9.56241 5.31927 9.44241C5.30955 9.40834 5.29302 9.37659 5.27067 9.34909C5.24833 9.32159 5.22064 9.29891 5.18928 9.28242C5.15595 9.26366 5.11868 9.25298 5.08047 9.25125C5.04227 9.24951 5.00418 9.25676 4.96929 9.27242C4.84979 9.32242 1.98141 10.5919 1.02195 14.9792C1.0119 15.0241 1.01397 15.071 1.02794 15.1149C1.0419 15.1588 1.06727 15.1982 1.10145 15.2292C1.13555 15.2579 1.17685 15.2768 1.22089 15.2839C1.26493 15.2909 1.31007 15.2858 1.35144 15.2692C1.36144 15.2692 2.71088 14.7592 3.61034 15.2492C3.99983 15.4587 4.26032 15.8286 4.37981 16.3581C4.38863 16.3994 4.40801 16.4377 4.43605 16.4692C4.4641 16.5008 4.49985 16.5245 4.53981 16.5381C4.57751 16.5532 4.61845 16.5583 4.65871 16.5531C4.69898 16.5478 4.73722 16.5324 4.7698 16.5081C4.7798 16.4981 5.69926 15.8286 6.54872 16.0386C6.96804 16.1386 7.30786 16.4484 7.56818 16.9681C7.58864 17.0072 7.61859 17.0405 7.65528 17.0649C7.69198 17.0894 7.73424 17.1042 7.77817 17.1081C7.86767 17.1281 7.94766 17.0681 7.99766 16.9881C8.02766 16.9381 8.81713 15.7486 9.98658 16.0086C10.1166 16.3686 10.5466 17.3376 11.556 17.8675C11.5912 17.8799 11.6282 17.8867 11.6655 17.8875C11.6987 17.8889 11.7318 17.8834 11.7628 17.8714C11.7938 17.8593 11.8219 17.841 11.8455 17.8175L12.3655 17.2881C12.6789 17.3323 12.998 17.3153 13.3049 17.2381C13.3249 17.2381 13.3449 17.2281 13.3649 17.2281C13.3922 17.2197 13.4189 17.2097 13.4449 17.1981C13.7407 17.1075 14.0181 16.9653 14.2644 16.7781L14.9839 16.9681C15.0337 16.9824 15.0867 16.9805 15.1353 16.9625C15.1839 16.9445 15.2254 16.9114 15.2539 16.8681C15.8733 15.8986 15.7538 14.8492 15.6833 14.4682C16.5528 13.6587 17.8333 14.2987 17.8922 14.3182C17.9311 14.3386 17.9747 14.3485 18.0186 14.3467C18.0625 14.345 18.1051 14.3317 18.1422 14.3082C18.1788 14.2825 18.2081 14.2479 18.2274 14.2076C18.2466 14.1673 18.2552 14.1228 18.2522 14.0782C18.2117 13.5087 18.3522 13.0688 18.6617 12.7688C19.2912 12.1688 20.4306 12.2793 20.4406 12.2793C20.4819 12.2841 20.5238 12.2784 20.5622 12.2626C20.6007 12.2469 20.6346 12.2217 20.6606 12.1893C20.6863 12.1575 20.7034 12.1197 20.7104 12.0795C20.7174 12.0392 20.714 11.9979 20.7006 11.9593C20.5406 11.4398 20.5706 10.9798 20.8006 10.6094C21.3401 9.7294 22.7595 9.48991 22.7695 9.48991C22.8147 9.48124 22.8569 9.46103 22.8919 9.43124C22.927 9.40145 22.9537 9.3631 22.9695 9.31992C22.983 9.2781 22.9855 9.23353 22.9769 9.19047C22.9682 9.1474 22.9486 9.10728 22.92 9.07393ZM20.3811 10.3434C20.1217 10.7629 20.0417 11.2433 20.1417 11.7723C19.6817 11.7823 18.8722 11.8823 18.3222 12.4123C17.9729 12.7416 17.7831 13.1812 17.7528 13.7312C17.0633 13.5017 15.9838 13.4117 15.2244 14.2212C15.1956 14.2512 15.175 14.2881 15.1645 14.3284C15.154 14.3687 15.1539 14.4109 15.1644 14.4512C15.1744 14.4707 15.4339 15.4901 14.9244 16.4396L14.2744 16.2601C14.2325 16.2497 14.1888 16.2497 14.1469 16.2601C14.1051 16.2706 14.0664 16.2912 14.0344 16.3201C14.0344 16.3296 13.7444 16.5896 13.2749 16.7296C13.2649 16.7296 13.2449 16.7396 13.2349 16.7396H13.2049C13.1949 16.7396 13.1949 16.7496 13.1849 16.7496C12.9081 16.8276 12.6166 16.8379 12.335 16.7796C12.2923 16.7716 12.2483 16.7738 12.2066 16.7859C12.1649 16.7981 12.1267 16.8199 12.095 16.8496L11.625 17.3291C10.7155 16.7696 10.4251 15.7501 10.4161 15.7401C10.4072 15.6989 10.3879 15.6606 10.3598 15.629C10.3318 15.5975 10.296 15.5737 10.2561 15.5601C9.18661 15.2407 8.29715 15.8601 7.81717 16.4101C7.51718 15.9506 7.1277 15.6706 6.66722 15.5506C5.91725 15.3712 5.16728 15.7006 4.7673 15.9206C4.5873 15.4107 4.27732 15.0412 3.84783 14.8112C3.08787 14.4017 2.14791 14.5412 1.59793 14.6712C2.41739 11.5828 4.26632 10.2539 4.92579 9.86389C5.22578 10.6439 6.34523 12.6923 9.62559 12.8323C9.59328 13.334 9.62334 13.8378 9.71509 14.3322C9.72678 14.3895 9.75819 14.4409 9.80387 14.4775C9.84955 14.514 9.9066 14.5334 9.96508 14.5322H10.0051C10.0374 14.5266 10.0682 14.5146 10.0958 14.497C10.1234 14.4793 10.1472 14.4564 10.1658 14.4294C10.1844 14.4025 10.1975 14.3721 10.2042 14.34C10.211 14.308 10.2113 14.2749 10.2051 14.2427C10.0248 13.2478 10.1146 12.2228 10.4651 11.2743C10.7345 11.4443 11.1945 11.6443 11.754 11.5043C11.7778 11.5059 11.8016 11.5025 11.824 11.4943C12.414 11.3443 12.724 10.9243 12.8835 10.6249C13.6644 11.2619 14.2561 12.1005 14.5944 13.0498C14.6107 13.1002 14.6429 13.1439 14.6862 13.1746C14.7294 13.2052 14.7814 13.221 14.8344 13.2197C14.8745 13.2215 14.9144 13.2132 14.9504 13.1954C14.9864 13.1776 15.0173 13.151 15.0402 13.1181C15.0632 13.0851 15.0774 13.0469 15.0816 13.007C15.0859 12.9671 15.0799 12.9268 15.0644 12.8898C14.898 12.4172 14.6731 11.9674 14.3949 11.5508C17.1633 9.7714 17.0948 7.443 16.9533 6.61353C17.7228 6.61353 19.9917 6.83302 22.2501 9.10192C21.7106 9.25392 20.8311 9.6139 20.3811 10.3434Z"
fill="black" />
<path
d="M11.3575 12.8949C11.3362 12.8951 11.315 12.8979 11.2945 12.9034C11.2374 12.9185 11.1878 12.9538 11.1549 13.0028C11.122 13.0518 11.1081 13.1112 11.1159 13.1697C11.1236 13.2282 11.1524 13.2819 11.1969 13.3207C11.2414 13.3595 11.2985 13.3807 11.3575 13.3804C11.3788 13.3803 11.3999 13.3774 11.4205 13.3719C11.4776 13.3569 11.5272 13.3215 11.5601 13.2725C11.593 13.2235 11.6069 13.1642 11.5991 13.1057C11.5914 13.0472 11.5626 12.9935 11.5181 12.9547C11.4736 12.9159 11.4165 12.8946 11.3575 12.8949Z"
fill="black" />
<path
d="M13.0495 12.4384C13.028 12.4385 13.0067 12.4413 12.986 12.4469C12.9293 12.4623 12.8802 12.4977 12.8477 12.5466C12.8152 12.5954 12.8015 12.6544 12.8092 12.7126C12.8169 12.7708 12.8455 12.8242 12.8895 12.863C12.9336 12.9017 12.9903 12.9232 13.049 12.9233C13.0704 12.9234 13.0917 12.9207 13.1125 12.9153C13.1696 12.9003 13.2192 12.865 13.2521 12.816C13.285 12.7669 13.2989 12.7076 13.2911 12.6491C13.2834 12.5906 13.2546 12.5369 13.2101 12.4981C13.1656 12.4593 13.1085 12.4381 13.0495 12.4384Z"
fill="black" />
<path
d="M10.996 10.488C10.8176 10.488 10.7006 10.438 10.6361 10.3425C10.5196 10.1685 10.6476 9.933 10.7216 9.82301L10.6186 9.44302L10.6556 9.39303C10.7818 9.23074 10.9572 9.11376 11.1555 9.05967C11.3539 9.00558 11.5644 9.01729 11.7555 9.09304L11.814 9.11554L11.9175 9.50002C12.0315 9.56002 12.2505 9.70351 12.2345 9.913C12.2185 10.1225 11.9935 10.271 11.527 10.397C11.3546 10.4499 11.1762 10.4804 10.996 10.488ZM10.8935 9.49952L10.9935 9.87301L10.9555 9.923C10.8765 10.0255 10.8191 10.167 10.8431 10.203C10.8431 10.203 10.9165 10.303 11.461 10.1575C11.9685 10.0205 11.9835 9.8965 11.9835 9.8955C11.987 9.84551 11.864 9.74951 11.76 9.70301L11.705 9.67901L11.605 9.30703C11.4803 9.26936 11.3475 9.26742 11.2217 9.30145C11.096 9.33548 10.9823 9.4041 10.8935 9.49952Z"
fill="black" />
<path
d="M13.905 14.1413V14.1513L14.0349 14.5908C14.0356 14.5962 14.0351 14.6017 14.0334 14.6069C14.0316 14.6121 14.0288 14.6168 14.0249 14.6208C14.0223 14.6208 14.0198 14.6218 14.0179 14.6237C14.016 14.6256 14.0149 14.6281 14.0149 14.6308H13.9849L13.555 14.5008L12.9755 15.0907C12.9519 15.1142 12.9238 15.1325 12.8928 15.1446C12.8618 15.1566 12.8287 15.1621 12.7955 15.1607C12.775 15.1623 12.7544 15.1589 12.7355 15.1507L11.816 14.9207L11.516 15.2307C11.5109 15.2364 11.5037 15.24 11.496 15.2407H11.476C11.466 15.2407 11.466 15.2207 11.456 15.2107L11.3561 14.8007L11.1461 14.7508C11.1146 14.7429 11.085 14.7289 11.0589 14.7095C11.0328 14.6902 11.0108 14.6659 10.9941 14.6381C10.9774 14.6103 10.9664 14.5794 10.9616 14.5473C10.9568 14.5152 10.9584 14.4825 10.9663 14.451C10.9742 14.4195 10.9882 14.3899 11.0075 14.3638C11.0269 14.3378 11.0511 14.3158 11.079 14.2991C11.1068 14.2824 11.1376 14.2713 11.1697 14.2666C11.2018 14.2618 11.2346 14.2634 11.2661 14.2713L12.725 14.6408L13.745 13.5998C13.7915 13.5542 13.8542 13.5287 13.9194 13.5291C13.9846 13.5294 14.0471 13.5554 14.0932 13.6016C14.1393 13.6477 14.1653 13.7101 14.1657 13.7753C14.166 13.8405 14.1406 13.9032 14.0949 13.9498L13.905 14.1413Z"
fill="black" />
</svg>
</button>
</div>
</div>
</body>
</html>
tailwind css halloween pumpkin & bats and ghost buttons Icons
Example 3
tailwind css Halloween animation button with hover effect.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tailwind CSS Halloween Animation Buttons</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="flex items-center justify-center h-screen">
<div class="space-x-6">
<button class="px-8 py-1 text-sm bg-yellow-500 rounded-full shadow-xl shadow-yellow-300">
<svg class="w-8 h-8 text-black hover:animate-bounce hover:text-white" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg" stroke-width="1" stroke="currentColor">
<path
d="M21.5231 13.1396C22.053 12.6596 22.0925 12.1801 22.043 11.8602C21.873 10.8707 20.5536 10.3012 20.4036 10.2412C20.3818 10.23 20.358 10.2232 20.3336 10.2212C20.3136 10.2112 18.1952 9.61125 16.4558 6.82137L16.3863 6.70137C14.8863 4.30147 12.8364 1.00461 9.30007 1.00461C8.30011 1.00461 7.24116 1.2746 6.1417 1.79408C0.634934 4.42447 1.89438 12.1101 2.53385 14.0291C3.17333 15.938 4.60277 19.4758 6.99117 21.6847C8.17062 22.7737 8.6606 22.9937 9.03008 22.9937C9.12982 22.9961 9.22887 22.9767 9.32039 22.937C9.4119 22.8973 9.49368 22.8382 9.56006 22.7637C9.82955 22.4742 9.78955 22.0542 9.76005 21.6747V21.6547C9.91222 21.7709 10.0559 21.8977 10.19 22.0342C10.55 22.4042 11.1995 22.7842 11.859 22.7842C12.5689 22.7842 13.3184 22.3247 13.3184 21.0253V20.8253C13.3184 20.5458 13.3184 20.2358 13.3384 20.0253C13.5591 20.1535 13.7726 20.2937 13.9779 20.4453C14.4579 20.7753 14.9073 20.9348 15.3173 20.9348C15.5274 20.9369 15.7352 20.8901 15.9241 20.7982C16.1131 20.7064 16.2782 20.5718 16.4063 20.4053C16.7963 19.9153 16.9063 19.1159 16.7063 18.2864C16.5563 17.6864 16.5263 17.3669 16.5263 17.1969C16.6478 17.2584 16.7648 17.3286 16.8763 17.4069C17.3857 17.7469 17.9357 17.9469 18.4452 17.9469C18.9752 17.9469 19.4247 17.7269 19.6951 17.3269C20.1051 16.7375 20.0751 15.848 19.6251 14.6885C19.3852 14.0591 19.3652 13.7991 19.3752 13.7091C19.5208 13.6877 19.6679 13.6777 19.8151 13.6791C20.3036 13.6591 20.9736 13.6291 21.5231 13.1396ZM19.1347 14.8785C19.8441 16.6875 19.2847 17.4169 18.4447 17.4169C18.0447 17.4169 17.5852 17.2569 17.1757 16.9669C16.8158 16.727 16.5558 16.617 16.3758 16.617C15.8858 16.617 15.9458 17.3964 16.1958 18.4169C16.4458 19.4463 16.1258 20.4168 15.3163 20.4168C15.0263 20.4168 14.6863 20.2968 14.2769 20.0068C13.6869 19.6068 13.3374 19.3973 13.1174 19.3973C12.7674 19.3973 12.7974 19.9473 12.7974 21.0263C12.7974 21.9357 12.3579 22.2557 11.858 22.2557C11.3985 22.2557 10.8685 21.9957 10.569 21.6762C10.179 21.2663 9.75905 20.9763 9.49956 20.9763C9.32957 20.9763 9.21958 21.0963 9.21958 21.3563C9.19958 21.7657 9.39957 22.4657 9.02958 22.4657C8.7796 22.4657 8.30012 22.1657 7.34066 21.2963C4.94075 19.0774 3.56281 15.4595 3.03333 13.8606C2.49336 12.2606 1.16391 4.74545 6.3612 2.27706C7.45065 1.75758 8.42011 1.52709 9.29957 1.52709C12.6074 1.52709 14.5269 4.70495 16.0158 7.10385C17.8947 10.1322 20.2036 10.7317 20.2036 10.7317C20.5931 10.8917 22.2535 11.7712 21.1726 12.7506C20.0841 13.7291 18.1052 12.2096 19.1347 14.8785V14.8785Z"
fill="black" />
<path
d="M6.29971 8.39191C5.69973 7.37245 4.64978 7.05246 3.9913 7.29195C3.52132 7.45195 3.27133 7.85143 3.34133 8.34191C3.49132 9.40087 4.40079 10.1418 5.50024 10.1418C5.59054 10.1402 5.68067 10.1335 5.77023 10.1218C6.17021 10.0818 6.4297 9.93184 6.5597 9.68185C6.79169 9.22137 6.4417 8.6414 6.29971 8.39191ZM6.08972 9.44186C6.02972 9.55186 5.83023 9.59186 5.71023 9.60186C4.77077 9.70185 3.9913 9.14238 3.86031 8.26291C3.82031 7.97292 4.0003 7.84293 4.1603 7.78293C4.25392 7.75293 4.35204 7.73939 4.45028 7.74293C4.87027 7.74293 5.45024 7.98292 5.83973 8.6524L5.84973 8.6624C6.07172 9.04138 6.16171 9.31137 6.09172 9.44086L6.08972 9.44186Z"
fill="black" />
<path
d="M12.3495 6.40353C12.2096 5.93355 11.8196 5.67356 11.3201 5.72355C10.6201 5.78355 9.81066 6.51352 9.68116 7.69248C9.65116 7.98247 9.59116 8.64244 9.98115 8.96193C10.1186 9.0678 10.2877 9.12418 10.4611 9.12192C10.6075 9.11696 10.7523 9.08999 10.8906 9.04192C12.0586 8.64994 12.678 7.51298 12.3495 6.40353ZM10.7301 8.54194C10.6106 8.58194 10.4106 8.63194 10.3106 8.55194C10.2006 8.46195 10.1606 8.18246 10.2106 7.74248V7.73247C10.3106 6.77301 10.9501 6.28253 11.3701 6.24353H11.4301C11.5901 6.24353 11.7696 6.30353 11.8496 6.55302C12.0996 7.40299 11.6291 8.24245 10.7291 8.54194H10.7301Z"
fill="black" />
<path
d="M5.77381 13.4777C5.75703 13.4774 5.74031 13.4757 5.72381 13.4727C5.68543 13.4649 5.64924 13.4487 5.61786 13.4253C5.58648 13.4019 5.56068 13.3718 5.54232 13.3372L4.78485 11.8912C4.76545 11.8605 4.75265 11.826 4.74724 11.7901C4.74184 11.7541 4.74395 11.7174 4.75345 11.6823C4.76295 11.6472 4.77962 11.6144 4.80242 11.5861C4.82522 11.5578 4.85364 11.5345 4.8859 11.5177C4.91816 11.5009 4.95355 11.491 4.98984 11.4886C5.02613 11.4862 5.06252 11.4913 5.09672 11.5037C5.13092 11.516 5.16219 11.5353 5.18854 11.5604C5.21489 11.5855 5.23576 11.6157 5.24983 11.6493L5.85381 12.8052L6.81877 11.9967C6.86438 11.9578 6.92206 11.9358 6.98201 11.9346C7.04197 11.9333 7.10052 11.9528 7.14776 11.9897L8.20721 12.8047L8.93818 11.7227C8.97709 11.6653 9.03708 11.6255 9.10513 11.6121C9.17318 11.5986 9.2438 11.6125 9.30167 11.6508L10.3931 12.3782L10.7431 11.2953C10.7544 11.2608 10.7726 11.229 10.7967 11.2019C10.8208 11.1748 10.8502 11.153 10.8831 11.1378C10.9159 11.123 10.9514 11.1149 10.9874 11.1142C11.0234 11.1134 11.0592 11.1199 11.0926 11.1333L12.1761 11.5763V10.1613C12.1745 10.1258 12.1802 10.0904 12.1927 10.0572C12.2052 10.024 12.2243 9.99363 12.2488 9.96798C12.2734 9.94234 12.3029 9.92193 12.3355 9.90799C12.3682 9.89404 12.4033 9.88686 12.4388 9.88686C12.4743 9.88686 12.5094 9.89404 12.5421 9.90799C12.5747 9.92193 12.6042 9.94234 12.6288 9.96798C12.6533 9.99363 12.6724 10.024 12.6849 10.0572C12.6974 10.0904 12.7031 10.1258 12.7015 10.1613V11.9682C12.7016 12.0114 12.6909 12.0538 12.6706 12.0918C12.6503 12.1299 12.6209 12.1623 12.585 12.1862C12.5491 12.21 12.508 12.2247 12.4651 12.229C12.4223 12.2334 12.379 12.2273 12.339 12.2112L11.1556 11.7272L10.7831 12.8712C10.7705 12.9097 10.7491 12.9448 10.7207 12.9736C10.6923 13.0025 10.6576 13.0244 10.6193 13.0377C10.581 13.051 10.5402 13.0552 10.5 13.0501C10.4598 13.045 10.4214 13.0306 10.3876 13.0082L9.22517 12.2327L8.4842 13.3302C8.46423 13.36 8.43836 13.3854 8.40817 13.4049C8.37798 13.4243 8.34413 13.4373 8.30871 13.4432C8.23806 13.4536 8.16617 13.4356 8.10872 13.3932L6.99476 12.5357L5.9408 13.4187C5.89368 13.4571 5.83464 13.478 5.77381 13.4777V13.4777Z"
fill="black" />
</svg>
</button>
<button class="px-8 py-1 text-sm bg-gray-900 rounded-full shadow-xl shadow-gray-400 hover:scale-125">
<svg class="w-8 h-8 text-gray-300 hover:animate-bounce hover:text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg
stroke-width="1" stroke="currentColor">
<path
d="M20.9896 6.24125C20.1301 5.21179 19.1507 4.66231 18.0812 4.59132C17.2918 4.54132 16.5923 4.76131 16.0523 5.0208C15.7628 4.78131 14.7524 4.07084 13.5524 4.40132C13.6773 4.15385 13.8316 3.92235 14.0119 3.71185C14.04 3.68878 14.0626 3.65978 14.0782 3.62693C14.0937 3.59409 14.1018 3.55821 14.1019 3.52186C14.0981 3.45899 14.0735 3.39918 14.0319 3.35187C14.0102 3.32359 13.9832 3.29981 13.9524 3.28187C13.5224 2.86239 12.5525 2.41241 11.4135 3.19188C11.3913 3.20163 11.371 3.21517 11.3535 3.23187C11.3288 3.24648 11.3081 3.26712 11.2935 3.29187C11.2897 3.2958 11.2868 3.30054 11.2851 3.30573C11.2834 3.31092 11.2828 3.31644 11.2835 3.32187C11.2635 3.34361 11.2527 3.37231 11.2535 3.40187V3.44186C11.2435 3.53186 11.2135 3.95184 11.1135 4.49182C9.59458 3.75235 8.12564 4.9213 7.92565 5.0813C6.8362 4.53132 4.93728 4.06184 3.12585 5.97076C3.09585 5.98076 3.07585 6.01076 3.04585 6.04076C1.24093 7.99967 0.231471 13.1375 1.69041 16.5653C2.37038 18.2042 3.90932 20.1432 7.31718 20.2432C7.76716 20.6531 8.28664 20.9831 8.88661 21.1326C9.86607 21.3826 10.8865 21.1026 11.905 20.3032C12.2645 20.6031 13.1839 21.2326 14.3134 21.2326C14.518 21.232 14.7221 21.2119 14.9229 21.1726C15.5028 21.0531 16.0423 20.7531 16.5323 20.2832C16.7528 20.3263 16.9771 20.3465 17.2018 20.3432C18.1712 20.3432 19.8517 20.0037 21.3196 18.0048C21.3386 17.9852 21.3524 17.9611 21.3596 17.9348C23.4385 15.0364 23.799 9.55961 20.9896 6.24125ZM13.4439 3.51286C13.0044 3.83285 12.6145 3.97234 12.3145 3.89285C12.085 3.83285 11.925 3.65286 11.845 3.52286C12.5845 3.08288 13.1639 3.32287 13.4439 3.51286ZM12.5645 9.05963C12.3382 9.1093 12.1064 9.12946 11.875 9.11963C11.4235 9.10276 10.9793 9.00099 10.5655 8.81964C11.185 8.44016 12.0545 7.3807 12.5345 4.42232C12.6979 4.41485 12.8594 4.38456 13.0144 4.33233C12.5745 5.18229 12.2345 6.27125 12.0145 7.17071C11.805 8.09967 12.1645 8.71964 12.5645 9.05963ZM11.685 4.11234C11.7894 4.20833 11.9115 4.28305 12.0445 4.33233C11.4445 8.03217 10.2446 8.46016 9.96607 8.50015C9.80607 8.40016 9.67608 8.30016 9.55608 8.21017C9.80937 8.15517 10.0437 8.03446 10.2356 7.86018C11.195 7.03072 11.555 5.13179 11.685 4.11234ZM20.9096 17.7048C19.4307 19.7337 17.7217 19.8837 16.9518 19.8237C17.4118 19.2737 17.8212 18.5642 18.1812 17.7048C18.1944 17.6746 18.2014 17.6421 18.202 17.6092C18.2026 17.5763 18.1967 17.5436 18.1846 17.513C18.1726 17.4824 18.1546 17.4545 18.1318 17.4308C18.1089 17.4071 18.0816 17.3882 18.0515 17.375C18.0213 17.3619 17.9888 17.3548 17.956 17.3543C17.9231 17.3537 17.8904 17.3596 17.8597 17.3716C17.8291 17.3837 17.8012 17.4016 17.7775 17.4245C17.7538 17.4473 17.7349 17.4746 17.7217 17.5048C17.2818 18.5342 16.7923 19.3237 16.2423 19.8547C15.8028 20.2942 15.3328 20.5642 14.8234 20.6741C13.3639 20.9841 12.0945 19.8047 12.085 19.7947C12.0391 19.7523 11.9793 19.7279 11.9169 19.726C11.8544 19.7242 11.7933 19.745 11.745 19.7847C10.795 20.5742 9.87607 20.8741 9.01661 20.6441C8.48663 20.5142 8.01665 20.1942 7.61666 19.8147C6.60721 18.8552 6.04773 17.4648 6.03773 17.4458C6.0169 17.3992 5.98331 17.3594 5.94084 17.3311C5.89837 17.3028 5.84876 17.2871 5.79774 17.2858C5.76687 17.2876 5.73649 17.2944 5.70774 17.3058C5.64462 17.3303 5.5936 17.3786 5.56558 17.4402C5.53755 17.5019 5.53474 17.5721 5.55775 17.6358C5.58775 17.7058 6.01773 18.7652 6.8172 19.7147C4.59979 19.4937 2.98986 18.3442 2.14989 16.3753C0.699952 12.9495 1.8999 8.03017 3.41984 6.38124C5.84974 3.75285 8.40663 5.94976 8.50663 6.04976C8.53124 6.07379 8.56047 6.0926 8.59255 6.10505C8.62463 6.11749 8.65889 6.12332 8.69328 6.12217C8.72767 6.12102 8.76147 6.11293 8.79265 6.09837C8.82383 6.08381 8.85174 6.0631 8.87469 6.03747C8.89765 6.01184 8.91519 5.98184 8.92624 5.94925C8.9373 5.91667 8.94165 5.88219 8.93902 5.84788C8.9364 5.81357 8.92686 5.78015 8.91098 5.74963C8.8951 5.7191 8.8732 5.69211 8.84661 5.67027C8.71036 5.55441 8.56673 5.44753 8.41663 5.35029C8.82661 5.0603 9.91657 4.42082 10.9665 4.9803C10.9848 4.99139 11.0053 4.99823 11.0265 5.0003C10.8365 5.90976 10.4965 6.95922 9.90707 7.4692C9.65708 7.68919 9.37709 7.78868 9.0776 7.75918H9.04761C9.04655 7.7516 9.04304 7.74458 9.03761 7.73918C9.0039 7.70001 8.95887 7.67224 8.90873 7.6597C8.85859 7.64717 8.8058 7.65048 8.75762 7.66919C8.7277 7.67997 8.70042 7.69702 8.67762 7.71919C8.62906 7.76535 8.59994 7.82831 8.59623 7.89521C8.59251 7.96211 8.61447 8.02791 8.65762 8.07917C8.9799 8.42668 9.35032 8.72621 9.75758 8.96863C10.3076 9.30862 11.027 9.60861 11.8665 9.62861H11.9565C13.0954 9.62861 14.1849 9.09863 15.1943 8.05917C15.2388 8.01115 15.2627 7.94758 15.2609 7.88214C15.259 7.81669 15.2315 7.75459 15.1844 7.70919C15.1608 7.68556 15.1327 7.66681 15.1019 7.65402C15.0711 7.64123 15.038 7.63465 15.0046 7.63465C14.9712 7.63465 14.9382 7.64123 14.9073 7.65402C14.8765 7.66681 14.8485 7.68556 14.8249 7.70919C14.7549 7.77918 14.6749 7.85918 14.6049 7.91918C14.4449 7.89918 13.9254 7.79918 13.4654 7.2897C13.1454 6.93972 13.6354 6.18025 13.6354 6.17025C13.6725 6.11456 13.6859 6.04642 13.6727 5.98083C13.6595 5.91525 13.6209 5.85758 13.5652 5.82052C13.5095 5.78345 13.4413 5.77003 13.3758 5.78321C13.3102 5.79638 13.2525 5.83507 13.2154 5.89076C13.1854 5.93026 12.506 6.99072 13.0954 7.64069C13.3819 7.95025 13.7383 8.18667 14.1349 8.33016C13.8516 8.5496 13.5387 8.72786 13.2054 8.85964C13.0554 8.80964 12.246 8.42016 12.516 7.2907C12.6922 6.52498 12.9324 5.77539 13.2339 5.0498H13.2439C14.2334 4.53032 15.1439 4.9998 15.5528 5.28979C15.354 5.409 15.1666 5.54624 14.9929 5.69977C14.9686 5.7227 14.949 5.75019 14.9354 5.78068C14.9217 5.81116 14.9142 5.84405 14.9133 5.87744C14.9124 5.91083 14.918 5.94408 14.93 5.97528C14.9419 6.00648 14.9599 6.03501 14.9829 6.05926C15.0041 6.08425 15.0301 6.10468 15.0595 6.11929C15.0888 6.13391 15.1208 6.14241 15.1536 6.14428C15.1863 6.14615 15.2191 6.14135 15.2499 6.13017C15.2807 6.11899 15.3089 6.10167 15.3328 6.07925C15.3528 6.06925 16.5423 4.9998 18.0512 5.0898C18.9807 5.14979 19.8402 5.64977 20.6101 6.55923C23.2785 9.7391 22.9085 14.9864 20.9096 17.7048Z"
fill="black" />
<path
d="M5.32378 10.6407C5.31546 10.6412 5.30711 10.6412 5.29878 10.6407C5.23194 10.634 5.17048 10.6011 5.12784 10.5492C5.08521 10.4973 5.06487 10.4306 5.07129 10.3637C5.23979 8.68028 7.5547 7.14034 7.65269 7.07585C7.68044 7.05621 7.71185 7.04235 7.74506 7.03509C7.77827 7.02784 7.81259 7.02734 7.846 7.03362C7.87941 7.0399 7.91121 7.05283 7.93951 7.07165C7.96782 7.09047 7.99205 7.11479 8.01077 7.14317C8.02948 7.17155 8.0423 7.2034 8.04846 7.23682C8.05462 7.27025 8.05399 7.30458 8.04661 7.33776C8.03923 7.37094 8.02525 7.4023 8.00551 7.42997C7.98577 7.45764 7.96066 7.48106 7.93168 7.49883C7.90918 7.51333 5.72027 8.97126 5.57577 10.4142C5.56911 10.4764 5.53969 10.5339 5.49318 10.5757C5.44666 10.6175 5.38633 10.6407 5.32378 10.6407Z"
fill="black" />
<path
d="M18.5533 10.6403C18.4904 10.6403 18.4298 10.617 18.3832 10.5749C18.3366 10.5327 18.3072 10.4748 18.3008 10.4123C18.1568 8.96941 15.9679 7.51247 15.9449 7.49697C15.8912 7.45896 15.8544 7.40157 15.8422 7.33692C15.83 7.27227 15.8435 7.20542 15.8797 7.15051C15.9159 7.0956 15.9721 7.05691 16.0363 7.04263C16.1005 7.02836 16.1678 7.0396 16.2238 7.07399C16.3238 7.13849 18.6373 8.67842 18.8052 10.3618C18.8118 10.4287 18.7915 10.4955 18.7489 10.5474C18.7062 10.5994 18.6446 10.6323 18.5778 10.6388C18.5696 10.6398 18.5614 10.6403 18.5533 10.6403Z"
fill="black" />
<path
d="M9.84961 13.393C9.80471 13.3934 9.76053 13.3816 9.72174 13.359C9.68294 13.3364 9.65095 13.3037 9.62912 13.2645C9.36364 12.8517 8.95351 12.553 8.47917 12.427C7.7997 12.254 7.00774 12.4515 6.12327 13.0075C6.08237 13.0331 6.03502 13.0465 5.98677 13.0461C5.93853 13.0457 5.89139 13.0315 5.85092 13.0053C5.81044 12.979 5.77829 12.9418 5.75825 12.8979C5.73821 12.854 5.73111 12.8053 5.73779 12.7575C5.75229 12.6575 6.10628 10.2601 7.9512 10.2601C9.70762 10.2601 10.1011 12.393 10.1011 13.1405C10.1008 13.1963 10.0822 13.2505 10.048 13.2946C10.0138 13.3387 9.96607 13.3703 9.91211 13.3845C9.89176 13.3901 9.87073 13.393 9.84961 13.393ZM7.98419 11.8601C8.19632 11.8597 8.40765 11.886 8.61317 11.9386C8.92829 12.0198 9.22348 12.1646 9.48063 12.364C9.31364 11.6716 8.91215 10.7671 7.9507 10.7671C7.00974 10.7671 6.56376 11.6761 6.37026 12.287C6.93991 12.0031 7.47788 11.8607 7.98419 11.8601Z"
fill="black" />
<path
d="M14.0274 13.3932C14.0057 13.3935 13.9839 13.3908 13.9629 13.3852C13.909 13.3709 13.8613 13.3393 13.8271 13.2952C13.793 13.2511 13.7743 13.197 13.7739 13.1412C13.7739 12.3938 14.1699 10.2608 15.9263 10.2608C17.7708 10.2608 18.1262 12.6562 18.1397 12.7582C18.1463 12.806 18.1391 12.8547 18.119 12.8986C18.0989 12.9424 18.0667 12.9796 18.0262 13.0059C17.9857 13.0321 17.9386 13.0462 17.8903 13.0467C17.8421 13.0471 17.7947 13.0338 17.7538 13.0082C16.8698 12.4498 16.0773 12.2553 15.3994 12.4273C14.925 12.5533 14.5149 12.8519 14.2494 13.2647C14.2275 13.3042 14.1952 13.337 14.1561 13.3596C14.1171 13.3822 14.0726 13.3939 14.0274 13.3932ZM15.9273 10.7673C14.9659 10.7673 14.5644 11.6718 14.3974 12.3643C14.6544 12.1648 14.9494 12.02 15.2644 11.9388C15.9403 11.7648 16.6918 11.8813 17.5068 12.2888C17.3108 11.6758 16.8628 10.7673 15.9263 10.7673H15.9273Z"
fill="black" />
<path
d="M12.9194 17.6989C12.8604 17.6988 12.8032 17.6783 12.7574 17.6409L11.9575 16.9729L11.0715 17.5904C11.0236 17.6245 10.9652 17.6405 10.9065 17.6358C10.8479 17.631 10.7929 17.6058 10.751 17.5644L9.82157 16.6644L8.84961 17.3074C8.80154 17.3396 8.74391 17.3542 8.68633 17.3491C8.62874 17.3439 8.57467 17.3191 8.53312 17.2789L7.62716 16.399L6.5897 16.9989C6.55716 17.0175 6.52092 17.0287 6.48357 17.0317C6.44622 17.0346 6.40867 17.0293 6.37361 17.0161C6.33855 17.0028 6.30685 16.982 6.28077 16.9551C6.25468 16.9282 6.23486 16.8959 6.22271 16.8604L5.30475 14.1395C5.285 14.0807 5.28751 14.0167 5.3118 13.9596C5.33609 13.9025 5.38047 13.8563 5.43655 13.8298C5.49262 13.8032 5.55649 13.7981 5.61606 13.8155C5.67562 13.8329 5.72674 13.8715 5.75973 13.9241L6.40371 14.9535L7.41666 14.174C7.46603 14.1352 7.52821 14.1163 7.59084 14.1212C7.65346 14.1262 7.71195 14.1545 7.75465 14.2005L8.77461 15.276L9.89306 14.4845C9.94414 14.4482 10.0069 14.4321 10.0692 14.4394C10.1314 14.4467 10.1888 14.4769 10.23 14.524L10.9415 15.337L11.5735 14.73C11.613 14.6925 11.6634 14.6688 11.7175 14.6622C11.7715 14.6556 11.8262 14.6666 11.8735 14.6935L12.9494 15.3125L13.6369 14.44C13.6753 14.391 13.7306 14.3578 13.7919 14.347C13.8533 14.3362 13.9165 14.3485 13.9694 14.3815L15.2143 15.156L15.9913 14.299C16.0309 14.2557 16.0842 14.2274 16.1422 14.2189C16.2003 14.2104 16.2595 14.2223 16.3098 14.2525L17.4597 14.949L18.1492 13.8881C18.1838 13.8364 18.2359 13.799 18.296 13.7828C18.356 13.7666 18.4198 13.7727 18.4757 13.8001C18.5313 13.8282 18.5746 13.8758 18.5973 13.9338C18.6201 13.9918 18.6208 14.0561 18.5992 14.1145L17.5862 16.8364C17.5738 16.8709 17.5539 16.9022 17.5279 16.9281C17.502 16.9541 17.4707 16.974 17.4362 16.9864C17.4018 16.9988 17.365 17.0036 17.3285 17.0005C17.292 16.9974 17.2566 16.9865 17.2248 16.9684L16.2218 16.399L15.3773 17.2439C15.3358 17.2851 15.2814 17.3107 15.2233 17.3165C15.1651 17.3224 15.1067 17.308 15.0578 17.2759L14.0914 16.631L13.0994 17.6239C13.076 17.6478 13.048 17.6668 13.017 17.6797C12.9861 17.6926 12.9529 17.6991 12.9194 17.6989ZM11.9695 16.399C12.0286 16.399 12.0859 16.4197 12.1315 16.4575L12.9029 17.1009L13.8794 16.125C13.9208 16.0836 13.9752 16.0578 14.0335 16.0521C14.0918 16.0463 14.1502 16.0609 14.1989 16.0935L15.1653 16.7379L15.9993 15.905C16.0385 15.866 16.0894 15.8409 16.1441 15.8335C16.1989 15.826 16.2546 15.8365 16.3028 15.8635L17.2158 16.3815L17.5262 15.546C17.4846 15.5439 17.4442 15.5314 17.4088 15.5095L16.2268 14.794L15.4493 15.6525C15.4092 15.696 15.3552 15.7242 15.2966 15.7323C15.2379 15.7405 15.1783 15.728 15.1278 15.697L13.8959 14.9305L13.2134 15.799C13.1758 15.8469 13.1223 15.8797 13.0625 15.8913C13.0027 15.903 12.9408 15.8928 12.8879 15.8625L11.788 15.2295L11.0995 15.887C11.0479 15.932 10.982 15.957 10.9135 15.9575C10.8793 15.9558 10.8458 15.9473 10.8149 15.9326C10.784 15.9178 10.7563 15.897 10.7335 15.8715L9.99956 15.0295L8.8886 15.816C8.8389 15.8514 8.77803 15.8677 8.71727 15.8617C8.6565 15.8557 8.59996 15.8279 8.55812 15.7835L7.54466 14.715L6.4912 15.525C6.44272 15.5594 6.38467 15.5778 6.32521 15.5775L6.6047 16.4065L7.53966 15.8645C7.58733 15.8371 7.64261 15.8259 7.69717 15.8327C7.75173 15.8394 7.80261 15.8638 7.84215 15.902L8.74211 16.7724L9.71157 16.1265C9.75976 16.0947 9.81731 16.0802 9.87479 16.0854C9.93228 16.0906 9.98632 16.1151 10.0281 16.155L10.955 17.0549L11.828 16.4465C11.8693 16.4165 11.9189 16.3999 11.97 16.399H11.9695Z"
fill="black" />
<path
d="M14.1034 3.52326C14.0996 3.4604 14.075 3.40059 14.0334 3.35327H14.0434C14.0822 3.40145 14.1033 3.46142 14.1034 3.52326Z"
fill="black" />
</svg>
</button>
<button class="px-8 py-1 text-sm bg-white border border-2 border-purple-600 rounded-full shadow-xl shadow-purple-300">
<svg class="w-8 h-8 text-purple-600 hover:animate-bounce hover:text-purple-900" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg" stroke-width="1" stroke="currentColor">
<path
d="M22.92 9.07393C19.8817 5.77407 16.7533 6.11555 16.6233 6.12405C16.5862 6.12905 16.5506 6.14246 16.5194 6.16325C16.4882 6.18404 16.4622 6.21168 16.4433 6.24405C16.4238 6.27497 16.4111 6.30966 16.4059 6.34584C16.4008 6.38203 16.4033 6.41889 16.4133 6.45404C16.4533 6.56403 17.2033 9.16242 14.1049 11.1413C13.7644 10.7062 13.3598 10.3254 12.905 10.0119C12.8725 9.99145 12.8356 9.97898 12.7974 9.9755C12.7591 9.97203 12.7206 9.97764 12.685 9.99189C12.6476 10.0052 12.6142 10.0278 12.588 10.0575C12.5618 10.0872 12.5435 10.1232 12.535 10.1619C12.5255 10.1919 12.3555 10.8119 11.7255 11.0013C11.7155 11.0013 11.7055 11.0113 11.6955 11.0113C11.036 11.1913 10.5566 10.7214 10.5366 10.7014C10.5116 10.6712 10.4787 10.6487 10.4416 10.6364C10.4044 10.6241 10.3646 10.6225 10.3266 10.6319C10.287 10.6373 10.2493 10.6518 10.2163 10.6743C10.1834 10.6967 10.1561 10.7265 10.1366 10.7614C10.1166 10.8014 9.81659 11.4013 9.67709 12.3308C5.99874 12.1808 5.33927 9.56241 5.31927 9.44241C5.30955 9.40834 5.29302 9.37659 5.27067 9.34909C5.24833 9.32159 5.22064 9.29891 5.18928 9.28242C5.15595 9.26366 5.11868 9.25298 5.08047 9.25125C5.04227 9.24951 5.00418 9.25676 4.96929 9.27242C4.84979 9.32242 1.98141 10.5919 1.02195 14.9792C1.0119 15.0241 1.01397 15.071 1.02794 15.1149C1.0419 15.1588 1.06727 15.1982 1.10145 15.2292C1.13555 15.2579 1.17685 15.2768 1.22089 15.2839C1.26493 15.2909 1.31007 15.2858 1.35144 15.2692C1.36144 15.2692 2.71088 14.7592 3.61034 15.2492C3.99983 15.4587 4.26032 15.8286 4.37981 16.3581C4.38863 16.3994 4.40801 16.4377 4.43605 16.4692C4.4641 16.5008 4.49985 16.5245 4.53981 16.5381C4.57751 16.5532 4.61845 16.5583 4.65871 16.5531C4.69898 16.5478 4.73722 16.5324 4.7698 16.5081C4.7798 16.4981 5.69926 15.8286 6.54872 16.0386C6.96804 16.1386 7.30786 16.4484 7.56818 16.9681C7.58864 17.0072 7.61859 17.0405 7.65528 17.0649C7.69198 17.0894 7.73424 17.1042 7.77817 17.1081C7.86767 17.1281 7.94766 17.0681 7.99766 16.9881C8.02766 16.9381 8.81713 15.7486 9.98658 16.0086C10.1166 16.3686 10.5466 17.3376 11.556 17.8675C11.5912 17.8799 11.6282 17.8867 11.6655 17.8875C11.6987 17.8889 11.7318 17.8834 11.7628 17.8714C11.7938 17.8593 11.8219 17.841 11.8455 17.8175L12.3655 17.2881C12.6789 17.3323 12.998 17.3153 13.3049 17.2381C13.3249 17.2381 13.3449 17.2281 13.3649 17.2281C13.3922 17.2197 13.4189 17.2097 13.4449 17.1981C13.7407 17.1075 14.0181 16.9653 14.2644 16.7781L14.9839 16.9681C15.0337 16.9824 15.0867 16.9805 15.1353 16.9625C15.1839 16.9445 15.2254 16.9114 15.2539 16.8681C15.8733 15.8986 15.7538 14.8492 15.6833 14.4682C16.5528 13.6587 17.8333 14.2987 17.8922 14.3182C17.9311 14.3386 17.9747 14.3485 18.0186 14.3467C18.0625 14.345 18.1051 14.3317 18.1422 14.3082C18.1788 14.2825 18.2081 14.2479 18.2274 14.2076C18.2466 14.1673 18.2552 14.1228 18.2522 14.0782C18.2117 13.5087 18.3522 13.0688 18.6617 12.7688C19.2912 12.1688 20.4306 12.2793 20.4406 12.2793C20.4819 12.2841 20.5238 12.2784 20.5622 12.2626C20.6007 12.2469 20.6346 12.2217 20.6606 12.1893C20.6863 12.1575 20.7034 12.1197 20.7104 12.0795C20.7174 12.0392 20.714 11.9979 20.7006 11.9593C20.5406 11.4398 20.5706 10.9798 20.8006 10.6094C21.3401 9.7294 22.7595 9.48991 22.7695 9.48991C22.8147 9.48124 22.8569 9.46103 22.8919 9.43124C22.927 9.40145 22.9537 9.3631 22.9695 9.31992C22.983 9.2781 22.9855 9.23353 22.9769 9.19047C22.9682 9.1474 22.9486 9.10728 22.92 9.07393ZM20.3811 10.3434C20.1217 10.7629 20.0417 11.2433 20.1417 11.7723C19.6817 11.7823 18.8722 11.8823 18.3222 12.4123C17.9729 12.7416 17.7831 13.1812 17.7528 13.7312C17.0633 13.5017 15.9838 13.4117 15.2244 14.2212C15.1956 14.2512 15.175 14.2881 15.1645 14.3284C15.154 14.3687 15.1539 14.4109 15.1644 14.4512C15.1744 14.4707 15.4339 15.4901 14.9244 16.4396L14.2744 16.2601C14.2325 16.2497 14.1888 16.2497 14.1469 16.2601C14.1051 16.2706 14.0664 16.2912 14.0344 16.3201C14.0344 16.3296 13.7444 16.5896 13.2749 16.7296C13.2649 16.7296 13.2449 16.7396 13.2349 16.7396H13.2049C13.1949 16.7396 13.1949 16.7496 13.1849 16.7496C12.9081 16.8276 12.6166 16.8379 12.335 16.7796C12.2923 16.7716 12.2483 16.7738 12.2066 16.7859C12.1649 16.7981 12.1267 16.8199 12.095 16.8496L11.625 17.3291C10.7155 16.7696 10.4251 15.7501 10.4161 15.7401C10.4072 15.6989 10.3879 15.6606 10.3598 15.629C10.3318 15.5975 10.296 15.5737 10.2561 15.5601C9.18661 15.2407 8.29715 15.8601 7.81717 16.4101C7.51718 15.9506 7.1277 15.6706 6.66722 15.5506C5.91725 15.3712 5.16728 15.7006 4.7673 15.9206C4.5873 15.4107 4.27732 15.0412 3.84783 14.8112C3.08787 14.4017 2.14791 14.5412 1.59793 14.6712C2.41739 11.5828 4.26632 10.2539 4.92579 9.86389C5.22578 10.6439 6.34523 12.6923 9.62559 12.8323C9.59328 13.334 9.62334 13.8378 9.71509 14.3322C9.72678 14.3895 9.75819 14.4409 9.80387 14.4775C9.84955 14.514 9.9066 14.5334 9.96508 14.5322H10.0051C10.0374 14.5266 10.0682 14.5146 10.0958 14.497C10.1234 14.4793 10.1472 14.4564 10.1658 14.4294C10.1844 14.4025 10.1975 14.3721 10.2042 14.34C10.211 14.308 10.2113 14.2749 10.2051 14.2427C10.0248 13.2478 10.1146 12.2228 10.4651 11.2743C10.7345 11.4443 11.1945 11.6443 11.754 11.5043C11.7778 11.5059 11.8016 11.5025 11.824 11.4943C12.414 11.3443 12.724 10.9243 12.8835 10.6249C13.6644 11.2619 14.2561 12.1005 14.5944 13.0498C14.6107 13.1002 14.6429 13.1439 14.6862 13.1746C14.7294 13.2052 14.7814 13.221 14.8344 13.2197C14.8745 13.2215 14.9144 13.2132 14.9504 13.1954C14.9864 13.1776 15.0173 13.151 15.0402 13.1181C15.0632 13.0851 15.0774 13.0469 15.0816 13.007C15.0859 12.9671 15.0799 12.9268 15.0644 12.8898C14.898 12.4172 14.6731 11.9674 14.3949 11.5508C17.1633 9.7714 17.0948 7.443 16.9533 6.61353C17.7228 6.61353 19.9917 6.83302 22.2501 9.10192C21.7106 9.25392 20.8311 9.6139 20.3811 10.3434Z"
fill="black" />
<path
d="M11.3575 12.8949C11.3362 12.8951 11.315 12.8979 11.2945 12.9034C11.2374 12.9185 11.1878 12.9538 11.1549 13.0028C11.122 13.0518 11.1081 13.1112 11.1159 13.1697C11.1236 13.2282 11.1524 13.2819 11.1969 13.3207C11.2414 13.3595 11.2985 13.3807 11.3575 13.3804C11.3788 13.3803 11.3999 13.3774 11.4205 13.3719C11.4776 13.3569 11.5272 13.3215 11.5601 13.2725C11.593 13.2235 11.6069 13.1642 11.5991 13.1057C11.5914 13.0472 11.5626 12.9935 11.5181 12.9547C11.4736 12.9159 11.4165 12.8946 11.3575 12.8949Z"
fill="black" />
<path
d="M13.0495 12.4384C13.028 12.4385 13.0067 12.4413 12.986 12.4469C12.9293 12.4623 12.8802 12.4977 12.8477 12.5466C12.8152 12.5954 12.8015 12.6544 12.8092 12.7126C12.8169 12.7708 12.8455 12.8242 12.8895 12.863C12.9336 12.9017 12.9903 12.9232 13.049 12.9233C13.0704 12.9234 13.0917 12.9207 13.1125 12.9153C13.1696 12.9003 13.2192 12.865 13.2521 12.816C13.285 12.7669 13.2989 12.7076 13.2911 12.6491C13.2834 12.5906 13.2546 12.5369 13.2101 12.4981C13.1656 12.4593 13.1085 12.4381 13.0495 12.4384Z"
fill="black" />
<path
d="M10.996 10.488C10.8176 10.488 10.7006 10.438 10.6361 10.3425C10.5196 10.1685 10.6476 9.933 10.7216 9.82301L10.6186 9.44302L10.6556 9.39303C10.7818 9.23074 10.9572 9.11376 11.1555 9.05967C11.3539 9.00558 11.5644 9.01729 11.7555 9.09304L11.814 9.11554L11.9175 9.50002C12.0315 9.56002 12.2505 9.70351 12.2345 9.913C12.2185 10.1225 11.9935 10.271 11.527 10.397C11.3546 10.4499 11.1762 10.4804 10.996 10.488ZM10.8935 9.49952L10.9935 9.87301L10.9555 9.923C10.8765 10.0255 10.8191 10.167 10.8431 10.203C10.8431 10.203 10.9165 10.303 11.461 10.1575C11.9685 10.0205 11.9835 9.8965 11.9835 9.8955C11.987 9.84551 11.864 9.74951 11.76 9.70301L11.705 9.67901L11.605 9.30703C11.4803 9.26936 11.3475 9.26742 11.2217 9.30145C11.096 9.33548 10.9823 9.4041 10.8935 9.49952Z"
fill="black" />
<path
d="M13.905 14.1413V14.1513L14.0349 14.5908C14.0356 14.5962 14.0351 14.6017 14.0334 14.6069C14.0316 14.6121 14.0288 14.6168 14.0249 14.6208C14.0223 14.6208 14.0198 14.6218 14.0179 14.6237C14.016 14.6256 14.0149 14.6281 14.0149 14.6308H13.9849L13.555 14.5008L12.9755 15.0907C12.9519 15.1142 12.9238 15.1325 12.8928 15.1446C12.8618 15.1566 12.8287 15.1621 12.7955 15.1607C12.775 15.1623 12.7544 15.1589 12.7355 15.1507L11.816 14.9207L11.516 15.2307C11.5109 15.2364 11.5037 15.24 11.496 15.2407H11.476C11.466 15.2407 11.466 15.2207 11.456 15.2107L11.3561 14.8007L11.1461 14.7508C11.1146 14.7429 11.085 14.7289 11.0589 14.7095C11.0328 14.6902 11.0108 14.6659 10.9941 14.6381C10.9774 14.6103 10.9664 14.5794 10.9616 14.5473C10.9568 14.5152 10.9584 14.4825 10.9663 14.451C10.9742 14.4195 10.9882 14.3899 11.0075 14.3638C11.0269 14.3378 11.0511 14.3158 11.079 14.2991C11.1068 14.2824 11.1376 14.2713 11.1697 14.2666C11.2018 14.2618 11.2346 14.2634 11.2661 14.2713L12.725 14.6408L13.745 13.5998C13.7915 13.5542 13.8542 13.5287 13.9194 13.5291C13.9846 13.5294 14.0471 13.5554 14.0932 13.6016C14.1393 13.6477 14.1653 13.7101 14.1657 13.7753C14.166 13.8405 14.1406 13.9032 14.0949 13.9498L13.905 14.1413Z"
fill="black" />
</svg>
</button>
</div>
</div>
</body>
</html>
tailwind css Halloween animation button with hover effect
