Button by ArturCodeCraft

1/* <reset-style> ============================ */
2button {
3  border: none;
4  background: none;
5  padding: 0;
6  margin: 0;
7  cursor: pointer;
8  font-family: inherit;
9}
10/* <main-style> ============================ */
11.menu__button {
12  min-width: 62px;
13  height: 36px;
14  display: flex;
15  justify-content: center;
16  align-items: center;
17  padding: 8px 16px;
18  border: 1px solid #fff;
19  background-color: transparent;
20  transition: background-color .4s;
21}
22
23.menu__button:hover {
24  background-color: #fff;
25}
26
27.menu__button span {
28  color: #fff;
29  line-height: 1;
30  transition: color .4s;
31}
32
33.menu__button:hover span {
34  color: #000;
35}