/* Base Styles
// ========================================================================== */

.x-btn,
.button,
[type="submit"] {

  /*
  // Colors.
  */

  color: ;
  border-color: ;
  background-color: ;


  /*
  // Style.
  */

  

  /*
  // Shape.
  */

  

  /*
  // Size.
  */

  
}


.x-btn:hover,
.button:hover,
[type="submit"]:hover {

  /*
  // Colors.
  */

  color: ;
  border-color: ;
  background-color: ;


  /*
  // Style.
  */

  
}



/* Button Style - Real
// ========================================================================== */

.x-btn.x-btn-real,
.x-btn.x-btn-real:hover {
  margin-bottom: 0.25em;
  text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
}

.x-btn.x-btn-real {
  box-shadow: 0 0.25em 0 0 , 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-real:hover {
  box-shadow: 0 0.25em 0 0 , 0 4px 9px rgba(0, 0, 0, 0.75);
}



/* Button Style - Flat
// ========================================================================== */

.x-btn.x-btn-flat,
.x-btn.x-btn-flat:hover {
  margin-bottom: 0;
  text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
  box-shadow: none;
}



/* Button Style - Transparent
// ========================================================================== */

.x-btn.x-btn-transparent,
.x-btn.x-btn-transparent:hover {
  margin-bottom: 0;
  border-width: 3px;
  text-shadow: none;
  text-transform: uppercase;
  background-color: transparent;
  box-shadow: none;
}