.button {
  color: #6bff00;
  background-color: #EEE;
  border-color: #EEE;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

@media screen and (max-width: 980px) {
  .button {
    width: 90% !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
  }
}

.button-primary,
.button-primary-flat {
  background-color: #00ff95;
  border-color: #00ff95;
  color: #00ff95;
}
.button-primary:visited,
.button-primary-flat:visited {
  color: #00ff95;
}
.button-primary:hover, .button-primary:focus,
.button-primary-flat:hover, .button-primary-flat:focus {
  background-color: #00ff95;
  border-color: #00ff95;
  color: #00ff95;
}
.button-primary:active, .button-primary.active, .button-primary.is-active,
.button-primary-flat:active, .button-primary-flat.active, .button-primary-flat.is-active {
  background-color: #00ff95;
  border-color: #00ff95;
  color: #00ff95;
}

.button-plain,
.button-plain-flat {
  background-color: #edff00;
  border-color: #edff00;
  color: #edff00;
}
.button-plain:visited,
.button-plain-flat:visited {
  color: #edff00;
}
.button-plain:hover, .button-plain:focus,
.button-plain-flat:hover, .button-plain-flat:focus {
  background-color: #edff00;
  border-color: #edff00;
  color: #edff00;
}
.button-plain:active, .button-plain.active, .button-plain.is-active,
.button-plain-flat:active, .button-plain-flat.active, .button-plain-flat.is-active {
  background-color: #edff00;
  border-color: #edff00;
  color: #edff00;
}

.button-inverse,
.button-inverse-flat {
  background-color: #6bff00;
  border-color: #6bff00;
  color: #6bff00;
}
.button-inverse:visited,
.button-inverse-flat:visited {
  color: #6bff00;
}
.button-inverse:hover, .button-inverse:focus,
.button-inverse-flat:hover, .button-inverse-flat:focus {
  background-color: #6bff00;
  border-color: #6bff00;
  color: #6bff00;
}
.button-inverse:active, .button-inverse.active, .button-inverse.is-active,
.button-inverse-flat:active, .button-inverse-flat.active, .button-inverse-flat.is-active {
  background-color: #6bff00;
  border-color: #6bff00;
  color: #6bff00;
}

.button-action,
.button-action-flat {
  background-color: #00f3ff;
  border-color: #00f3ff;
  color: #00f3ff;
}
.button-action:visited,
.button-action-flat:visited {
  color: #00f3ff;
}
.button-action:hover, .button-action:focus,
.button-action-flat:hover, .button-action-flat:focus {
  background-color: #00f3ff;
  border-color: #00f3ff;
  color: #00f3ff;
}
.button-action:active, .button-action.active, .button-action.is-active,
.button-action-flat:active, .button-action-flat.active, .button-action-flat.is-active {
  background-color: #00f3ff;
  border-color: #00f3ff;
  color: #00f3ff;
}

.button-highlight,
.button-highlight-flat {
  background-color: #FEAE1B;
  border-color: #FEAE1B;
  color: #FEAE1B;
}
.button-highlight:visited,
.button-highlight-flat:visited {
  color: #FEAE1B;
}
.button-highlight:hover, .button-highlight:focus,
.button-highlight-flat:hover, .button-highlight-flat:focus {
  background-color: #FEAE1B;
  border-color: #FEAE1B;
  color: #FEAE1B;
}
.button-highlight:active, .button-highlight.active, .button-highlight.is-active,
.button-highlight-flat:active, .button-highlight-flat.active, .button-highlight-flat.is-active {
  background-color: #FEAE1B;
  border-color: #FEAE1B;
  color: #FEAE1B;
}

.button-caution,
.button-caution-flat {
  background-color: #ff4df9;
  border-color: #ff4df9;
  color: #ff4df9;
}
.button-caution:visited,
.button-caution-flat:visited {
  color: #ff4df9;
}
.button-caution:hover, .button-caution:focus,
.button-caution-flat:hover, .button-caution-flat:focus {
  background-color: #ff4df9;
  border-color: #ff4df9;
  color: #ff4df9;
}
.button-caution:active, .button-caution.active, .button-caution.is-active,
.button-caution-flat:active, .button-caution-flat.active, .button-caution-flat.is-active {
  background-color: #ff4df9;
  border-color: #ff4df9;
  color: #ff4df9;
}

.button-royal,
.button-royal-flat {
  background-color: #ff3b00;
  border-color: #ff3b00;
  color: #ff3b00;
}
.button-royal:visited,
.button-royal-flat:visited {
  color: #ff3b00;
}
.button-royal:hover, .button-royal:focus,
.button-royal-flat:hover, .button-royal-flat:focus {
  background-color: #ff3b00;
  border-color: #ff3b00;
  color: #ff3b00;
}
.button-royal:active, .button-royal.active, .button-royal.is-active,
.button-royal-flat:active, .button-royal-flat.active, .button-royal-flat.is-active {
  background-color: #ff3b00;
  border-color: #ff3b00;
  color: #ff3b00;
}

.button-rounded {
  border-radius: 4px;
}

.button-border, .button-border-thin, .button-border-thick {
  background: none;
  border-width: 2px;
  border-style: solid;
  line-height: 36px;
}
.button-border:hover, .button-border-thin:hover, .button-border-thick:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.button-border:active, .button-border-thin:active, .button-border-thick:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick {
  color: #00ff95;
}
.button-border.button-primary:hover, .button-primary.button-border-thin:hover {
  background-color: rgba(0, 255, 149, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-primary:active, .button-primary.button-border-thin:active {
  background-color: rgba(0, 255, 149, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-plain, .button-plain.button-border-thin {
  color: #edff00;
}
.button-border.button-plain:hover, .button-plain.button-border-thin:hover {
  background-color: rgba(237, 255, 0, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-plain:active, .button-plain.button-border-thin:active {
  background-color: rgba(237, 255, 0, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-inverse, .button-inverse.button-border-thin {
  color: #6bff00;
}
.button-border.button-inverse:hover, .button-inverse.button-border-thin:hover {
  background-color: rgba(107, 255, 0, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-inverse:active, .button-inverse.button-border-thin:active {
  background-color: rgba(107, 255, 0, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-action, .button-action.button-border-thin {
  color: #00f3ff;
}
.button-border.button-action:hover, .button-action.button-border-thin:hover {
  background-color: rgba(0, 243, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-action:active, .button-action.button-border-thin:active {
  background-color: rgba(0, 243, 255, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-highlight, .button-highlight.button-border-thin {
  color: #FEAE1B;
}
.button-border.button-highlight:hover, .button-highlight.button-border-thin:hover {
  background-color: rgba(254, 192, 78, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-highlight:active, .button-highlight.button-border-thin:active {
  background-color: rgba(243, 171, 38, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-caution, .button-caution.button-border-thin {
  color: #ff4df9;
}
.button-border.button-caution:hover, .button-caution.button-border-thin:hover {
  background-color: rgba(255, 77, 249, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-caution:active, .button-caution.button-border-thin:active {
  background-color: rgba(255, 77, 249, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-royal, .button-royal.button-border-thin {
  color: #ff3b00;
}
.button-border.button-royal:hover, .button-royal.button-border-thin:hover {
  background-color: rgba(255, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.9);
}
.button-border.button-royal:active, .button-royal.button-border-thin:active {
  background-color: rgba(255, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

@-webkit-keyframes glowing {
  from { -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
}
@keyframes glowing {
  from { -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); }
}

@-webkit-keyframes glowing-primary {
  from { -webkit-box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(27, 247, 86, 0.8); box-shadow: 0 0 20px rgba(27, 247, 86, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); }
}
@keyframes glowing-primary {
  from { -webkit-box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(27, 247, 86, 0.8); box-shadow: 0 0 20px rgba(27, 247, 86, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); box-shadow: 0 0 0 rgba(27, 247, 86, 0.3); }
}

@-webkit-keyframes glowing-plain {
  from { -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); }
}
@keyframes glowing-plain {
  from { -webkit-box-shadow: 0 0 0 rgba(237, 255, 0, 0.3); box-shadow: 0 0 0 rgba(237, 255, 0, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(237, 255, 0, 0.8); box-shadow: 0 0 20px rgba(237, 255, 0, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(237, 255, 0, 0.3); box-shadow: 0 0 0 rgba(237, 255, 0, 0.3); }
}

@-webkit-keyframes glowing-inverse {
  from { -webkit-box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(26, 242, 16, 0.8); box-shadow: 0 0 20px rgba(26, 242, 16, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); }
}
@keyframes glowing-inverse {
  from { -webkit-box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(26, 242, 16, 0.8); box-shadow: 0 0 20px rgba(26, 242, 16, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); box-shadow: 0 0 0 rgba(26, 242, 16, 0.3); }
}

@-webkit-keyframes glowing-highlight {
  from { -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
}
@keyframes glowing-highlight {
  from { -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); }
}

@-webkit-keyframes glowing-royal {
  from { -webkit-box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(255, 0, 0, 0.8); box-shadow: 0 0 20px rgba(255, 0, 0, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); }
}
@keyframes glowing-royal {
  from { -webkit-box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); }
  50% { -webkit-box-shadow: 0 0 20px rgba(255, 0, 0, 0.8); box-shadow: 0 0 20px rgba(255, 0, 0, 0.8); }
  to { -webkit-box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); box-shadow: 0 0 0 rgba(255, 0, 0, 0.3); }
}

.button-glow {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: glowing;
  animation-name: glowing;
}
.button-glow:active, .button-glow.active, .button-glow.is-active {
  -webkit-animation-name: none;
  animation-name: none;
}
.button-glow.button-primary { -webkit-animation-name: glowing-primary; animation-name: glowing-primary; }
.button-glow.button-plain { -webkit-animation-name: glowing-plain; animation-name: glowing-plain; }
.button-glow.button-inverse { -webkit-animation-name: glowing-inverse; animation-name: glowing-inverse; }
.button-glow.button-highlight { -webkit-animation-name: glowing-highlight; animation-name: glowing-highlight; }
.button-glow.button-royal { -webkit-animation-name: glowing-royal; animation-name: glowing-royal; }

.mr15 { margin-right: 15px; }