[data-hover="0"]:hover,
[data-hover="0"]:focus-visible {
  border-bottom: 2px solid #2e7d77;
}
[data-hover="1"]:hover,
[data-hover="1"]:focus-visible {
  border-bottom: 2px solid #2e7d77;
}
[data-hover="2"]:hover,
[data-hover="2"]:focus-visible {
  background: #22615c;
  color: #f9f6ee;
}
[data-hover="3"]:hover,
[data-hover="3"]:focus-visible {
  border-color: rgba(127, 176, 168, 0.55);
}
[data-hover="4"]:hover,
[data-hover="4"]:focus-visible {
  background: #f9f6ee;
  color: #1c1712;
}
[data-hover="5"]:hover,
[data-hover="5"]:focus-visible {
  color: #7fb0a8;
  text-decoration: underline;
}
[data-hover="6"]:hover,
[data-hover="6"]:focus-visible {
  color: #7fb0a8;
  text-decoration: underline;
}
[data-hover="7"]:hover,
[data-hover="7"]:focus-visible {
  color: #7fb0a8;
  text-decoration: underline;
}
[data-hover="8"]:hover,
[data-hover="8"]:focus-visible {
  color: #7fb0a8;
  text-decoration: underline;
}
[data-hover="9"]:hover,
[data-hover="9"]:focus-visible {
  color: #7fb0a8;
  text-decoration: underline;
}
[data-hover="10"]:hover,
[data-hover="10"]:focus-visible {
  color: #7fb0a8;
  text-decoration: underline;
}
[data-hover="11"]:hover,
[data-hover="11"]:focus-visible {
  background: #22615c;
  color: #f9f6ee;
  box-shadow:
    0 2px 4px rgba(34, 97, 92, 0.14),
    0 16px 36px rgba(34, 97, 92, 0.22);
}
[data-hover="12"]:hover,
[data-hover="12"]:focus-visible {
  color: #2e7d77;
}
[data-hover="13"]:hover,
[data-hover="13"]:focus-visible {
  background: #22615c;
  color: #f9f6ee;
  box-shadow:
    0 2px 4px rgba(34, 97, 92, 0.14),
    0 20px 44px rgba(34, 97, 92, 0.26);
}
[data-hover="14"]:hover,
[data-hover="14"]:focus-visible {
  color: #22615c;
}
[data-hover="15"]:hover,
[data-hover="15"]:focus-visible {
  color: #2e7d77;
}