/* Variables
  **********************************/
@import url("variables.css");
/* ******************************* */

.btn,
.button {
  border: 0;
  border-radius: 50px;
  padding: 0.6em 1.2em;
  text-decoration: none;
  font-size: calc(var(--text-general) - .2rem);
  font-weight: var(--bold);
  display: inline-block;
  transition: all 0.2s;
  cursor: pointer;
  height: 40px;
  color: white;
  background: var(--rojo-base);
}

.btn:hover,
.button:hover {
  background: black;
}

.btn-line {
  background: white;
  border: 1px solid #ccc;
  color: black;
}

.btn-line:hover {
  background: #ccc;
}