.Loader {
  display: inline-block;
  vertical-align: middle; }
  .Loader--default {
    width: 20px; }
  .Loader--lg {
    width: 50px; }
  .Loader--light {
    fill: #fff; }
  .Loader svg {
    animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.Button {
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  padding: 10px 14px;
  font-size: 1rem;
  position: relative;
  cursor: pointer;
  border-radius: 3px; }
  @media only screen and (min-width: 768px) {
    .Button {
      padding: 14px; } }
  .Button--default {
    background-color: #fde115;
    color: #222;
    font-weight: bold; }
  .Button--plain {
    border: 1px solid #222;
    color: #222;
    font-weight: bold; }
  .Button--light {
    background: #fff;
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 0; }
  .Button--gray {
    background: #0a2e36;
    color: #fff;
    font-weight: 600;
    border-radius: 0; }
  .Button--danger {
    background-color: #f32c1e;
    color: #fff; }
  .Button--success {
    background-color: #4caf50;
    color: #fff; }
  .Button--sm {
    padding: 5px 10px;
    font-size: 0.9rem; }
    @media only screen and (min-width: 768px) {
      .Button--sm {
        padding: 7px 10px; } }
  .Button--mr-md {
    margin-right: 15px; }
  .Button--mb-sm {
    margin-bottom: 5px; }
  .Button--full {
    width: 100%; }
  .Button--wide {
    padding-left: 50px;
    padding-right: 50px; }
  @media only screen and (max-width: 768px) {
    .Button--sm-full {
      width: 100%; } }
  .Button:disabled {
    opacity: 0.7; }
  .Button__loader {
    margin-right: 7px; }

.ClearFix {
  clear: both; }