.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #0f6db6;
  border: 0;
  box-sizing: border-box;
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  font-weight: var(--font-regular);
  padding: var(--size-2) var(--size-4);
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-style: normal;
}
.domain-stateofrobotics-us .button {
  font-family: var(--font-robo);
  background: var(--robotics-blue);
  text-transform: uppercase;
  font-weight: var(--font-semibold);
  letter-spacing: var(--letter-lg);
  border: 1px solid var(--robotics-blue);
}
@media (min-width: 576px) {
  .button {
    width: auto;
  }
}
.button:visited {
  color: var(--color-white);
}
.button:hover, .button:focus {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.domain-stateofrobotics-us .button:hover, .domain-stateofrobotics-us .button:focus {
  background: var(--color-white);
  color: var(--robotics-blue);
  border: 1px solid var(--robotics-blue);
}
.button:active {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.button:not([disabled]):focus {
  outline-offset: var(--size-1);
}
.button.button--primary-outline {
  background-color: transparent;
  border: 1px solid var(--color-white);
}
.button.button--primary-outline:hover, .button.button--primary-outline:focus {
  background-color: var(--color-white);
  color: var(--color-navy);
}