.button {
  background-color: #CED4DA;
  color: #354042;
  border-color: #CED4DA;
  font-size: 1rem;
  background-color: #fff;
  border: solid 1px #CED4DA;
  padding: 0.25em 1em;
  min-width: 10em;
  min-height: 2.5em;
  border-radius: 2em;
  font: inherit;
  line-height: 1;
  box-shadow: 0 0.5em 1em -0.5em rgba(53, 64, 66, 0.25);
  box-sizing: border-box;
  outline: 0;
  cursor: pointer;
  background-image: radial-gradient(circle 7.5em at 50% 20%, rgba(255, 255, 255, 0.125), rgba(255, 255, 255, 0)); }
  .button:focus, .button:hover {
    background-color: #dde1e5;
    transform: scale(1.03); }
  .button:active {
    animation: uc0342605 200ms forwards; }

@keyframes uc0342605 {
  0% {
    background-color: #bfc7cf; }
  10% {
    box-shadow: 0 0 5px 2px rgba(206, 212, 218, 0.5);
    background-color: #bfc7cf; }
  90% {
    box-shadow: 0 0 0 13px rgba(206, 212, 218, 0.3); }
  100% {
    box-shadow: 0 0 0 18px transparent; } }

.link {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  line-height: 1.9em; }

.disabled {
  cursor: default;
  border: 1px solid #CED4DA;
  background-color: rgba(206, 212, 218, 0.1);
  color: #CED4DA;
  box-shadow: none;
  cursor: not-allowed; }
  .disabled:focus, .disabled:hover {
    background-color: rgba(206, 212, 218, 0.1);
    transform: none; }
  .disabled:active {
    animation: none; }

.primary {
  background-color: #3CAFDA;
  color: #FFFFFF;
  border-color: #3CAFDA; }
  .primary:focus, .primary:hover {
    background-color: #51b8de;
    transform: scale(1.03); }
  .primary:active {
    animation: ued40936a 200ms forwards; }

@keyframes ued40936a {
  0% {
    background-color: #28a5d4; }
  10% {
    box-shadow: 0 0 5px 2px rgba(60, 175, 218, 0.5);
    background-color: #28a5d4; }
  90% {
    box-shadow: 0 0 0 13px rgba(60, 175, 218, 0.3); }
  100% {
    box-shadow: 0 0 0 18px transparent; } }

.alternate {
  background-color: #22537A;
  color: #FFFFFF;
  border-color: #22537A; }
  .alternate:focus, .alternate:hover {
    background-color: #28618e;
    transform: scale(1.03); }
  .alternate:active {
    animation: udc903b35 200ms forwards; }

@keyframes udc903b35 {
  0% {
    background-color: #1c4566; }
  10% {
    box-shadow: 0 0 5px 2px rgba(34, 83, 122, 0.5);
    background-color: #1c4566; }
  90% {
    box-shadow: 0 0 0 13px rgba(34, 83, 122, 0.3); }
  100% {
    box-shadow: 0 0 0 18px transparent; } }

.affirmative {
  background-color: #37C0C9;
  color: #FFFFFF;
  border-color: #37C0C9; }
  .affirmative:focus, .affirmative:hover {
    background-color: #4bc6ce;
    transform: scale(1.03); }
  .affirmative:active {
    animation: u6e614d1b 200ms forwards; }

@keyframes u6e614d1b {
  0% {
    background-color: #31adb5; }
  10% {
    box-shadow: 0 0 5px 2px rgba(55, 192, 201, 0.5);
    background-color: #31adb5; }
  90% {
    box-shadow: 0 0 0 13px rgba(55, 192, 201, 0.3); }
  100% {
    box-shadow: 0 0 0 18px transparent; } }

.warning {
  background-color: #F3BC26;
  color: #FFFFFF;
  border-color: #F3BC26; }
  .warning:focus, .warning:hover {
    background-color: #f4c33e;
    transform: scale(1.03); }
  .warning:active {
    animation: u37e6983e 200ms forwards; }

@keyframes u37e6983e {
  0% {
    background-color: #f2b50e; }
  10% {
    box-shadow: 0 0 5px 2px rgba(243, 188, 38, 0.5);
    background-color: #f2b50e; }
  90% {
    box-shadow: 0 0 0 13px rgba(243, 188, 38, 0.3); }
  100% {
    box-shadow: 0 0 0 18px transparent; } }

.danger {
  background-color: #DD3B4C;
  color: #FFFFFF;
  border-color: #DD3B4C; }
  .danger:focus, .danger:hover {
    background-color: #e15160;
    transform: scale(1.03); }
  .danger:active {
    animation: ub79a926f 200ms forwards; }

@keyframes ub79a926f {
  0% {
    background-color: #d92638; }
  10% {
    box-shadow: 0 0 5px 2px rgba(221, 59, 76, 0.5);
    background-color: #d92638; }
  90% {
    box-shadow: 0 0 0 13px rgba(221, 59, 76, 0.3); }
  100% {
    box-shadow: 0 0 0 18px transparent; } }

.huge {
  font-size: 1.41421rem; }

.large {
  font-size: 1.18921rem; }

.small {
  font-size: 0.8409rem; }

.tiny {
  font-size: 0.70711rem; }
