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

.x-btn,
.button,
[type="submit"] {
  color: ;
  border-color: ;
  background-color: ;
}

.x-btn:hover,
.button:hover,
[type="submit"]:hover {
  color: ;
  border-color: ;
  background-color: ;
}



/* 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 {
  -webkit-box-shadow: 0 0.25em 0 0 , 0 4px 9px rgba(0, 0, 0, 0.75);
          box-shadow: 0 0.25em 0 0 , 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-real:hover {
  -webkit-box-shadow: 0 0.25em 0 0 , 0 4px 9px rgba(0, 0, 0, 0.75);
          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);
  -webkit-box-shadow: none;
          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;
  -webkit-box-shadow: none;
          box-shadow: none;
}



/* Button Circle
// ========================================================================== */

.x-btn-circle-wrap:before {
  width: 172px;
  height: 43px;
  background: url(/framework/img/global/btn-circle-top-small.png) center center no-repeat;
  -webkit-background-size: 172px 43px;
          background-size: 172px 43px;
}

.x-btn-circle-wrap:after {
  width: 190px;
  height: 43px;
  background: url(/framework/img/global/btn-circle-bottom-small.png) center center no-repeat;
  -webkit-background-size: 190px 43px;
          background-size: 190px 43px;
}



/* Global Style
// ========================================================================== */




/* Global Shape
// ========================================================================== */




/* Global Size
// ========================================================================== */