/* Make Wild Apricot "Style 1" and "Style 2" look like buttons,
   even if the theme uses different markup */
a.style1, .style1 a, a.linkStyle1, .linkStyle1 a,
a.style2, .style2 a, a.linkStyle2, .linkStyle2 a {
  display: inline-block !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
}

/* Primary button */
a.style1, .style1 a, a.linkStyle1, .linkStyle1 a {
  background: #B40201 !important;
  color: #ffffff !important;
  border: 2px solid #B40201 !important;
}

/* Primary hover */
a.style1:hover, .style1 a:hover, a.linkStyle1:hover, .linkStyle1 a:hover {
  filter: brightness(0.92) !important;
}

/* Secondary button */
a.style2, .style2 a, a.linkStyle2, .linkStyle2 a {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* Secondary hover */
a.style2:hover, .style2 a:hover, a.linkStyle2:hover, .linkStyle2 a:hover {
  background: rgba(255,255,255,0.12) !important;
}