Midnight Cat Button

1<button class="noir-feline-btn" type="button">
2  <span class="noir-feline-btn__glow" aria-hidden="true"></span>
3
4  <span class="noir-feline-btn__icon" aria-hidden="true">
5    <svg
6      class="noir-feline-btn__cat"
7      viewBox="0 0 120 96"
8      role="img"
9      aria-label="Elegantes Katzen-Gesicht"
10    >
11      <path
12        class="noir-feline-btn__ear noir-feline-btn__ear--left"
13        d="M25 43 C20 28 19 14 26 5 C38 16 46 27 48 42"
14      />
15      <path
16        class="noir-feline-btn__ear noir-feline-btn__ear--right"
17        d="M95 43 C100 28 101 14 94 5 C82 16 74 27 72 42"
18      />
19
20      <path
21        class="noir-feline-btn__inner-ear noir-feline-btn__inner-ear--left"
22        d="M30 35 C27 24 27 17 30 12 C38 21 42 29 43 38"
23      />
24      <path
25        class="noir-feline-btn__inner-ear noir-feline-btn__inner-ear--right"
26        d="M90 35 C93 24 93 17 90 12 C82 21 78 29 77 38"
27      />
28
29      <path
30        class="noir-feline-btn__head"
31        d="M23 46 C26 28 42 20 60 20 C78 20 94 28 97 46 C101 70 84 88 60 88 C36 88 19 70 23 46 Z"
32      />
33
34      <path
35        class="noir-feline-btn__fur noir-feline-btn__fur--one"
36        d="M50 24 C53 31 56 35 60 39 C64 35 67 31 70 24"
37      />
38      <path
39        class="noir-feline-btn__fur noir-feline-btn__fur--two"
40        d="M42 30 C46 36 50 40 55 43"
41      />
42      <path
43        class="noir-feline-btn__fur noir-feline-btn__fur--three"
44        d="M78 30 C74 36 70 40 65 43"
45      />
46
47      <path
48        class="noir-feline-btn__eye noir-feline-btn__eye--left"
49        d="M36 51 C42 43 52 43 57 51 C51 57 42 57 36 51 Z"
50      />
51      <path
52        class="noir-feline-btn__eye noir-feline-btn__eye--right"
53        d="M64 51 C70 43 80 43 84 51 C78 57 70 57 64 51 Z"
54      />
55
56      <path
57        class="noir-feline-btn__pupil noir-feline-btn__pupil--left"
58        d="M47 45 C49 49 49 53 47 57 C45 53 45 49 47 45 Z"
59      />
60      <path
61        class="noir-feline-btn__pupil noir-feline-btn__pupil--right"
62        d="M73 45 C75 49 75 53 73 57 C71 53 71 49 73 45 Z"
63      />
64
65      <path
66        class="noir-feline-btn__nose"
67        d="M55 61 C58 58 62 58 65 61 C64 65 56 65 55 61 Z"
68      />
69
70      <path
71        class="noir-feline-btn__mouth"
72        d="M60 64 C60 70 54 72 49 70"
73      />
74      <path
75        class="noir-feline-btn__mouth"
76        d="M60 64 C60 70 66 72 71 70"
77      />
78
79      <path
80        class="noir-feline-btn__muzzle noir-feline-btn__muzzle--left"
81        d="M54 63 C48 61 42 62 36 66"
82      />
83      <path
84        class="noir-feline-btn__muzzle noir-feline-btn__muzzle--right"
85        d="M66 63 C72 61 78 62 84 66"
86      />
87
88      <path
89        class="noir-feline-btn__whisker noir-feline-btn__whisker--left-one"
90        d="M50 61 C36 56 23 54 9 55"
91      />
92      <path
93        class="noir-feline-btn__whisker noir-feline-btn__whisker--left-two"
94        d="M50 66 C35 65 22 67 8 72"
95      />
96      <path
97        class="noir-feline-btn__whisker noir-feline-btn__whisker--left-three"
98        d="M51 70 C37 74 26 80 15 88"
99      />
100
101      <path
102        class="noir-feline-btn__whisker noir-feline-btn__whisker--right-one"
103        d="M70 61 C84 56 97 54 111 55"
104      />
105      <path
106        class="noir-feline-btn__whisker noir-feline-btn__whisker--right-two"
107        d="M70 66 C85 65 98 67 112 72"
108      />
109      <path
110        class="noir-feline-btn__whisker noir-feline-btn__whisker--right-three"
111        d="M69 70 C83 74 94 80 105 88"
112      />
113    </svg>
114  </span>
115
116  <span class="noir-feline-btn__copy">
117    <span class="noir-feline-btn__title">Feline Mode</span>
118    <span class="noir-feline-btn__subtitle">sleek · sharp · elegant</span>
119  </span>
120</button>