+  display: flex; /* make <a> a flex container */
+  justify-content: center; /* horizontal centering of text */
+  align-items: center;     /* vertical centering of text */
+  height: 100%;            /* make <a> fill li height */
+  text-align: center;
+  text-decoration: none;
+  min-height: 40px;
+  padding: 10px 10px;
+  color: #fff;
+  font-size: 15px;
+  padding: 0;              /* optional if you want exact vertical centering */
+  transition: background-color 0.3s;