/**
 * global.css
 * 
 * Global styles and sizing options for buttons.
 * 
 * Index
 * 
 * - Global Styles
 * - Button Sizes
 * -- Full Width: Takes up the full width of its container (e.g. in the Product Sliders)
 * -- Inline Large: Large inline block button with a set width
 * -- Inline Small: Small inline block button with a set width
 * 
 */

/*-----------------------------------------------------------------------
# Global styles
------------------------------------------------------------------------*/

.btn {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transition: all ease 0.3s;
}

.btn:focus,
.btn.focus {
  -webkit-box-shadow: 0 0 8px #2375BB;
  -moz-box-shadow: 0 0 8px #2375BB;
  box-shadow: 0 0 8px #2375BB;
  outline: none;
}

/*-----------------------------------------------------------------------
# Button Sizes
------------------------------------------------------------------------*/

/* Full Width */
.btn.btn-fullwidth { width: 100%; }

/* Inline Large */
.btn.btn-inline-large { width: 200px; }

/* Inline Small */
.btn.btn-inline-small { width: 95px; }