.btn-wrap { position: relative; text-align: center; margin-top: 13px; }
.btn-wrap.inline { display: inline-block !important; margin-top: 0; vertical-align: middle; }
.btn-wrap.block { display: block !important; margin: 5px 0 !important; }
.btn-wrap:after { content: ''; display: block; clear: both; }
.btn-wrap.pd-10 { padding-top: 10px; }
.btn-wrap .btn-center { float: left; width: 100%; text-align: center; }
.btn-wrap .btn-left { float: left; }
.btn-wrap .btn-right { float: right; }
.btn-wrap .a-btn,
.btn-wrap button { padding: 9px 18px; border: 1px solid #e5e5e5; display: inline-block; font-size: 1.6rem; color: #797979; border-radius: 3px; transition: background .3s, border .3s; vertical-align: middle; font-weight: 500; }
.btn-wrap .a-btn.bg-theme,
.btn-wrap button.bg-theme { border-color: var(--theme); color: #fff; }
.btn-wrap .a-btn.bg-orange,
.btn-wrap button.bg-orange { border-color: var(--orange); color: #fff; }
.btn-wrap .a-btn.bg-dark,
.btn-wrap button.bg-dark { border-color: var(--dark); color: #fff; }
.btn-wrap .a-btn.bg-teal,
.btn-wrap button.bg-teal { border-color: var(--teal); color: #fff; }
.btn-wrap .a-btn.bg-deepblue,
.btn-wrap button.bg-deepblue { border-color: var(--deepblue); color: #fff; }
.btn-wrap .a-btn.bg-blue,
.btn-wrap button.bg-blue { border-color: var(--blue); color: #fff; }
.btn-wrap .a-btn.bg-navy,
.btn-wrap button.bg-navy { border-color: var(--navy); color: #fff; }
.btn-wrap .a-btn.bg-pink,
.btn-wrap button.bg-pink { border-color: var(--pink); color: #fff; }
.btn-wrap .a-btn.bg-green,
.btn-wrap button.bg-green { border-color: var(--green); color: #fff; }
.btn-wrap .a-btn.bg-red,
.btn-wrap button.bg-red { border-color: var(--red); color: #fff; }
.btn-wrap .a-btn.bg-black,
.btn-wrap button.bg-black { border-color: #000; background: #000; color: #fff; }
.btn-wrap .a-btn.bg-light-gray,
.btn-wrap button.bg-light-gray { color: #333; border-color: #d5d5d5; background: #e9ecef; }
.btn-wrap .a-btn.bg-white,
.btn-wrap button.bg-white { background: #fff; border: 1px solid #aaa; color: #222; }
.btn-wrap .a-btn.bg-white:hover,
.btn-wrap button.bg-white:hover { border-color: #7f7f7f; color: #222; }
.btn-wrap .a-btn.border-none,
.btn-wrap button.border-none { border: none; }
.btn-wrap .a-btn:active,
.btn-wrap button:active { transform: scale(0.94); }
.btn-wrap .a-btn:disabled,
.btn-wrap button:disabled { opacity: .5; cursor: no-drop; }
.btn-wrap .a-btn:disabled:active,
.btn-wrap button:disabled:active { transform: none; }
.btn-wrap .a-btn.s-btn,
.btn-wrap button.s-btn { line-height: 28px; height: 30px; padding: 0 10px; font-size: 1.3rem; }
.btn-wrap .a-btn.s-btn.down,
.btn-wrap button.s-btn.down { line-height: 20px; height: 47px; padding: 3px 14px; }
.btn-wrap .a-btn.s-pd,
.btn-wrap button.s-pd { padding: 0 10px; }
.btn-wrap .a-btn.disabled,
.btn-wrap button.disabled { opacity: .5; pointer-events: none; }
.btn-wrap .a-btn.md-btn,
.btn-wrap button.md-btn { width: 300px; max-width: 100%; padding: 13px 18px; }

@media (max-width: 680px) {
	.btn-wrap .a-btn,
	.btn-wrap button { margin: 1px; font-size: 1.5rem; }
}