body {
  --blue: #085585;
  --red: #BA223B;
  --max-width: 1440px;
  --padding: 5%;
  --heading-2: clamp(1.3rem, 4vw, 4vw);
  --heading-1: clamp(2.2rem, 6vw, 6vw);
  --p: clamp(0.9rem, 1.3vw, 3rem);
}

.custom-button {
  display: flex;
  box-sizing: border-box;
  width: clamp(15vw, 15vw, 200px);
  font-weight: bold;
  color: white;
  margin: 5% 0;
  padding: 0.6em 1em;
  justify-content: center;
  font-size: clamp(0.7rem, 1vw, 3rem);
  border-radius: 10px;
  background-color: var(--red);
  transition: 0.01s border, color, background-color linear;
  border: 1px solid var(--red);
}
.custom-button:hover {
  box-sizing: border-box;
  background-color: white;
  color: var(--red);
  border-radius: 10px;
}

/*# sourceMappingURL=custom-button.css.map */