/* === === === Button === === === */

.ContactButton {
  position: relative;
  display: flex;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--font-clr-primary);
  transition: background-color 0.2s,
    color 0.2s;
}

@media screen and (min-width: 601px) {

.ContactButton {
    font-size: 1.125rem;
}
  }

.ContactButton i {
    margin-right: 10px;
  }

.ContactButton span {
    text-decoration: underline;
  }

a.ContactButton {
  cursor: pointer;
}

.ContactButton + .ContactButton {
  margin-top: 10px;
}