.dome-icon-buttons,
.dome-icon-buttons * {
  box-sizing: border-box;
}

.dome-icon-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.dome-icon-buttons__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border: 2px solid #8a8a8a;
  border-radius: 0;
  color: #777;
  background-color: transparent;
  text-decoration: none;
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.dome-icon-buttons__link:hover,
.dome-icon-buttons__link:focus {
  color: #fff;
  border-color: #777;
  background-color: #777;
  outline: none;
}

.dome-icon-buttons__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  line-height: 1;
}

.dome-icon-buttons__icon svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}