.btn,
.promo-btn,
.sc-button {
 cursor: pointer;
 font-family: Museo-Sans, Arial Regular, sans-serif;
 font-size: 16px;
 font-weight: 700;
 line-height: 22px;
 border-radius: 0;
 border: 3px solid transparent;
 min-width: 100px;
 padding: 10px 15px;
 text-align: center;
 -webkit-transition: 200ms;
 -moz-transition: 200ms;
 -ms-transition: 200ms;
 -o-transition: 200ms;
 transition: 200ms;
}

.btn:active,
.btn:active:focus,
.btn:focus,
.btn:hover,
.promo-btn:active,
.promo-btn:active:focus,
.promo-btn:focus,
.promo-btn:hover,
.sc-button:active,
.sc-button:active:focus,
.sc-button:focus,
.sc-button:hover {
 box-shadow: none;
 outline: 0;
}

.btn.hero-promo-button,
.promo-btn.hero-promo-button,
.sc-button.hero-promo-button, {
 color: #fff;
 cursor: pointer;
}

.btn.clear,
.promo-btn.clear,
.sc-button.clear {
 background: transparent;
 border-color: #fff;
 color: #fff;
}

.btn.clear:focus,
.btn.clear:hover,
.promo-btn.clear:focus,
.promo-btn.clear:hover,
.sc-button.clear:focus,
.sc-button.clear:hover {
 background: transparent;
 border-color: #fff;
 color: #fff;
}

.btn.gray,
.promo-btn.gray,
.sc-button.gray {
 background: #ccc;
 border-color: #ccc;
 color: #192838;
}

.btn.gray:focus,
.btn.gray:hover,
.promo-btn.gray:focus,
.promo-btn.gray:hover,
.sc-button.gray:focus,
.sc-button.gray:hover{
 background: #fff;
 border-color: #4D5F69;
 color: #4D5F69;
}

.btn.navigation,
.btn.red,
.btn.secondary,
.promo-btn.navigation,
.promo-btn.red,
.promo-btn.secondary,
.sc-button.navigation,
.sc-button.red,
.sc-button.secondary {
 background: #D12A2E;
 border-color: #D12A2E;
 color: #fff;
}

.btn.navigation:focus,
.btn.navigation:hover,
.btn.red:focus,
.btn.red:hover,
.btn.secondary:focus,
.btn.secondary:hover,
.promo-btn.navigation:focus,
.promo-btn.navigation:hover,
.promo-btn.red:focus,
.promo-btn.red:hover,
.promo-btn.secondary:focus,
.promo-btn.secondary:hover,
.sc-button.navigation:focus,
.sc-button.navigation:hover,
.sc-button.red:focus,
.sc-button.red:hover,
.sc-button.secondary:focus,
.sc-button.secondary:hover {
 background: #fff;
 border-color: #D12A2E;
 color: #D12A2E;
}

.btn.primary,
.promo-btn.primary,
.sc-button.primary {
 background: black;
 border-color: #fff;
 color: #fff;
 background: rgba(0, 0, 0, 0.2);
}

.btn.primary:focus,
.btn.primary:hover,
.promo-btn.primary:focus,
.promo-btn.primary:hover,
.sc-button.primary:focus,
.sc-button.primary:hover {
 background: #fff;
 border-color: #fff;
 color: #192838;
}

.btn.tertiary,
.promo-btn.tertiary,
.sc-button.tertiary {
 background: #fff;
 border-color: #D12A2E;
 color: #D12A2E;
}

.btn.tertiary:focus,
.btn.tertiary:hover,
.promo-btn.tertiary:focus,
.promo-btn.tertiary:hover,
.sc-button.tertiary:focus,
.sc-button.tertiary:hover {
 background: #D12A2E;
 border-color: #D12A2E;
 color: #fff;
}

.promo-btn,
.sc-button {
 display: inline-block;
 margin-bottom: 30px;
}

.promo-btn:focus,
.promo-btn:hover,
.sc-button:focus,
.sc-button:hover {
 text-decoration: none;
}

.component-button .promo-btn,
.component-button .sc-button {
 margin-bottom: 0;
}