/* Reset list styling */
.icon-list {
  list-style: none;
  padding: 0;
  margin: 20px;
  font-family: sans-serif;
  max-width: 300px;
}

/* Space out list items */
.icon-list li {
  margin-bottom: 12px;
}

/* Style the anchor tag for a clean button layout */
.icon-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #333333;
  font-size: 1rem;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Align and color the icons */
.icon-list i {
  width: 24px;
  text-align: center;
  color: #0066cc;
}

/* Hover and Focus interaction states */
.icon-list a:hover,
.icon-list a:focus {
  background-color: #f0f4f8;
  color: #004080;
}