@-webkit-keyframes load {
	0% { opacity: 0.2; -webkit-transform: translate(-50%,-50%) rotate(0deg); }
	50% { opacity: 1; }
	100% { opacity: 0.2; -webkit-transform: translate(-50%,-50%) rotate(360deg); }
}
@keyframes load {
	0% { opacity: 0.2; transform: translate(-50%,-50%) rotate(0deg); }
	50% { opacity: 1; }
	100% { opacity: 0.2; transform: translate(-50%,-50%) rotate(360deg); }
}
.btn-new, a.btn-new { border: 1px solid transparent; border-radius: 90px; cursor: pointer; display: inline-block; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 1.2; min-width: 140px; padding: 10px 32px; position: relative; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; -webkit-transition: background 150ms ease-out, border-color 150ms ease-out; transition: background 150ms ease-out, border-color 150ms ease-out; vertical-align: middle; }
.btn-new-yellow, a.btn-new-yellow { background: #ffdd00; border-color: #ffdd00; color: #000; }
.btn-new-outline.btn-new-yellow, a.btn-new-outline.btn-new-yellow { background: #000; border-color: #FFDD00; color: #fff; }
html.no-touch .btn-new-yellow:hover, html.no-touch a.btn-new-yellow:hover, html.no-touch .btn-new-yellow:focus, html.no-touch a.btn-new-yellow:focus { background: #ffcc00; border-color: #ffcc00; color: #000; }
html.touch .btn-new-yellow:active, html.touch a.btn-new-yellow:active { background: #ffcc00; border-color: #ffcc00; color: #000; }
.btn-new-black, a.btn-new-black { background: #000; border-color: #404040; color: #fff; }
html.no-touch .btn-new-black:hover, html.no-touch a.btn-new-black:hover, html.no-touch .btn-new-black:focus, html.no-touch a.btn-new-black:focus { background: #404040; border-color: #404040; color: #fff; }
html.touch .btn-new-black:active, html.touch a.btn-new-black:active { background: #404040; border-color: #404040; color: #fff; }
.btn-new-white, a.btn-new-white { background: #fff; border-color: #000; color: #000; }
html.no-touch .btn-new-white:hover, html.no-touch a.btn-new-white:hover, html.no-touch .btn-new-white:focus, html.no-touch a.btn-new-white:focus { background: #efefef; border-color: #000; color: #000; }
html.touch .btn-new-white:active, html.touch a.btn-new-white:active { background: #efefef; border-color: #000; color: #000; }
.btn-new-loading .text, a.btn-new-loading .text { opacity: 1; }
.btn-new-loading .load-icon, a.btn-new-loading .load-icon { display: none; height: 12px; left: 50%; opacity: 0.2; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 12px; }
.btn-new-loading.btn-new-yellow .load-icon path, a.btn-new-loading.btn-new-yellow .load-icon path { fill: #000; }
.btn-new-loading.btn-new-black .load-icon path, a.btn-new-loading.btn-new-black .load-icon path { fill: #fff; }
.btn-new-loading.btn-new-white .load-icon path, a.btn-new-loading.btn-new-white .load-icon path { fill: #000; }
.btn-new-loading.loading .text, a.btn-new-loading.loading .text { opacity: 0; }
.btn-new-loading.loading .load-icon, a.btn-new-loading.loading .load-icon { -webkit-animation: load 1s linear infinite; animation: load 1s linear infinite; display: block; }
.btn-new.disabled, a.btn-new.disabled, .btn-new[disabled], a.btn-new[disabled] { cursor: not-allowed; opacity: 0.6; pointer-events: none; }
.btn-stack, .btn-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; }
.btn-stack .btn-new, .btn-inline .btn-new { -ms-flex: 1 1 auto; flex: 1 1 auto; }
.btn-stack .btn-new + .btn-new, .btn-inline .btn-new + .btn-new { margin-top: 15px; }
/* Tablet & Up (768px & up) */
@media (min-width:768px){
	.btn-new:not(.btn-new-sm), a.btn-new:not(.btn-new-sm) { font-size: 14px; padding: 15px 52px; }
	.btn-new-loading .load-icon, a.btn-new-loading .load-icon { height: 14px; width: 14px; }
	.btn-inline { display: block; }
	.btn-inline .btn-new { align-self: center; -ms-flex: 1 1 auto; flex: 1 1 auto; }
	.btn-inline .btn-new + .btn-new { margin-left: 15px; margin-top: 0; }
}