/* This imageless css button is based on the button that was generated initially by CSSButtonGenerator.com */
.buttonRow a {
  text-decoration: none;
}
.button, input.button, input.cssButtonHover {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--red);
  color: #FFF;
  border: 2px solid var(--red);
  border-radius: var(--r);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--t);
  margin-bottom: 10px;
  max-width:250px;
  text-decoration:none;
}
input.submit_button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--red);
  color: #FFF;
  border: 2px solid var(--red);
  border-radius: var(--r);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--t);
  margin-bottom: 10px;
  max-width:250px;
}
input.submit_button:hover, input.cssButtonHover {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--red-glow);
  color: var(--text-white);
  border: 2px solid var(--red);
  border-radius: var(--r);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--t);
  margin-bottom: 10px;
  max-width:200px;
}
span.normal_button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 2px;
  background: var(--red);
  color: #FFF;
  border: 2px solid var(--red);
  border-radius: var(--r);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--t);
  margin-bottom: 10px;
  max-width:200px;
}
span.normal_button:hover {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 2px;
  background: var(--text-white);
  color: var(--red);
  border: 2px solid var(--red);
  border-radius: var(--r);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--t);
  margin-bottom: 10px;
  max-width:200px;}
span.button_sold_out, span.button_sold_out:hover{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--text-white);
  color: var(--red);
  border: 2px solid var(--red);
  border-radius: var(--r);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--t);
  margin-bottom: 10px;
  max-width:200px;
}