.Button {
  background-color: transparent;
  outline: 0;
  text-transform: uppercase;
  border-radius: 1rem;
  cursor: pointer; }
  .Button.big {
    padding: 0.5rem 2rem; }
  .Button.dark:not(.reverse) {
    border: 1px solid #333F48;
    color: #333F48; }
    .Button.dark:not(.reverse):hover {
      background-color: #333F48;
      color: #FFFFFF; }
  .Button.dark.reverse {
    border: 1px solid #333F48;
    color: #FFFFFF;
    background-color: #333F48; }
    .Button.dark.reverse:hover {
      background-color: #FFFFFF;
      color: #333F48; }
  .Button.transparent {
    color: #F7F7F7;
    background-color: transparent;
    border: 1px solid #F7F7F7; }
    .Button.transparent:hover {
      background-color: #F7F7F7;
      color: #333F48;
      border: 1px solid #333F48; }
  .Button.light-brown:not(.reverse) {
    border: 1px solid #D7D2CB;
    color: #D7D2CB; }
    .Button.light-brown:not(.reverse):hover {
      background-color: #D7D2CB;
      color: #FFFFFF; }
  .Button.white {
    border: 1px solid #FFFFFF;
    color: #FFFFFF; }
    .Button.white:hover {
      background-color: #FFFFFF;
      color: #333F48; }
  .Button.red:not(.reverse) {
    border: 1px solid #76232F;
    color: #76232F; }
    .Button.red:not(.reverse):hover {
      background-color: #76232F;
      color: #FFFFFF; }
  .Button.red.reverse {
    border: 1px solid #76232F;
    color: #FFFFFF;
    background-color: #76232F; }
    .Button.red.reverse:hover {
      background-color: #FFFFFF;
      color: #76232F; }
  .Button.gold:not(.reverse) {
    border: 1px solid #D7D2CB;
    color: #D7D2CB; }
    .Button.gold:not(.reverse):hover {
      background-color: #D7D2CB;
      color: #333F48; }
  .Button.gold.reverse {
    border: 1px solid #D7D2CB;
    color: #FFFFFF;
    background-color: #D7D2CB; }
    .Button.gold.reverse:hover {
      background-color: #FFFFFF;
      color: #333F48; }