.storybook-button {
  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  border: 0;
  border-radius: 3em;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
}
.storybook-button--primary {
  color: white;
  background-color: #1ea7fd;
}
.storybook-button--secondary {
  color: #333;
  background-color: transparent;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
.storybook-button--small {
  font-size: 12px;
  padding: 10px 16px;
}
.storybook-button--medium {
  font-size: 14px;
  padding: 11px 20px;
}
.storybook-button--large {
  font-size: 16px;
  padding: 12px 24px;
}

/*-----------Buttons-----------*/

.button {font-size: 0.894rem;font-weight: 600;cursor: pointer; line-height: 1; border: none; border-radius: 10px; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 0.917rem 1.252rem; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: #ffffff;  background-color: #2156a6; border-radius: 10px;}
body:not(.user-is-tabbing) .button {outline: none;}
.button:hover, .button:focus {color: #ffffff; background-color: #eda532;}
.button.secondary {background-color: #e28133;}
.button.secondary:hover, .button.secondary:focus {background-color: #eda532;}
.button.large {padding: 1.000em 2.556em; font-size: 1.333rem;}
.button.tiny {padding: 0.778em 1.111em; font-size: 0.778rem;}
.button.expand {padding-right: 0; padding-left: 0; width: 100%;}
.button.wide {padding-left: 3.333em; padding-right: 3.333em;}
button.reset {border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;}

/*-----------Text Buttons-----------*/
.text-button {font-size: 1.000rem; line-height: 1; margin: 0 0 1.111em 0; padding: 0 0 0.250em 0; display: inline-block; color: #9dbd79; border-bottom: 2px solid #9dbd79; transition: all 250ms ease;}
.text-button:hover {color: #3e5caa; border-color: #3e5caa;}
.text-button.secondary {color: #3e5caa; border-color: #3e5caa;}
.text-button.secondary:hover {color: #9dbd79; border-color: #9dbd79;}
.text-button.tiny {font-size: 0.875rem; text-transform: uppercase;}
.text-link--back {
    flex-direction: row-reverse;
    margin-left: 1.157rem;
}
.text-link {font-size: 0.894rem;font-weight: 600;display: inline-flex;align-items: center;text-align: left;}
.text-link::after {
    content: '\e923';
    font-size: 1.052rem;
    color:#64af48;
    font-family: 'CD-Project-Icons' !important;
    top: 0;
    left: 1.157rem;
    position: relative;
    font-weight: normal;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.text-link--back::after {
    right: 1.157rem;
    left: auto;
    content: '\e920';
}

@media only screen and (max-width: 375px) {
/*-----------Images-----------*/
img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;}
/*----------Buttons-----------*/
.button {display:block; width:100%;}
}
/*-----------Disabled Button-----------*/
.button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#f2f2f2; color:#6c6d6e; cursor:default; text-shadow:none;}