/* Colors
Bold Coral:  #F26553
Red: #D92D20
Blue: #2F80ED;
Text: #171415
Grey Text: #727272
Light grey: #E0E0E0
*/

button {
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 2rem;
}

/* Button-style links */
button.button,
a.button,
a.btn {
    padding: 1rem 2.5rem;
    border: 2px solid transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.85rem;
    line-height: 1.2;
    border-radius: 1rem;
    text-decoration: none;
    white-space: nowrap;
}

a.button:link,
a.button:visited,
a.button:hover,
a.button:active,
a.button:focus,
a.btn:link,
a.btn:visited
a.btn:hover
a.btn:active
a.btn:focus {
    text-decoration: none;
}

a.button:focus,
a.btn:focus {
    outline: 2px dotted #D85849;
    outline-offset: 3px;
}

button.button--small-text {
    font-size: 1.6rem;
}

button.button--solid,
a.button--solid,
.ui-widget-content a.button--solid {
    background-color: #D85849;
    color: #fff;
}

button.button--solid--dark,
a.button--solid--dark,
.ui-widget-content a.button--solid--dark {
    background-color: #B3433B;
    color: #fff;
}

a.button--solid:hover,
a.button--solid:active,
a.button--solid:focus,
.navbar-default .navbar-nav > li > a.button--solid:hover,
.navbar-default .navbar-nav > li > a.button--solid:active,
.navbar-default .navbar-nav > li > a.button--solid:focus {
    background-color:#171415;
    border-color:#171415;
    color:#fff;
}

a.button--solid.button--white {
    background-color: #fff;
    color:#171415;
}

a.button--solid.button--white:hover,
a.button--solid.button--white:active,
a.button--solid.button--white:focus {
    background-color:#D85849;
    border-color:#D85849;
    color: white;
}

button.button--ghost,
a.button--ghost {
    background: transparent;
    color:#D85849;
    border-color: #D85849;
}

button.button--ghost.button--ghost--dark-text,
a.button--ghost.button--ghost--dark-text {
    color:#171415;
}

button.button--ghost.button--ghost-grey,
a.button--ghost.button--ghost-grey {
    color: #344054;
    border-color: #D0D5DD;
}

a.button--ghost:hover,
a.button--ghost:focus,
a.button--ghost:active {
    background-color:#D85849;
    color:#fff;
}

a.button--ghost.button--ghost-grey:hover,
a.button--ghost.button--ghost-grey:active,
a.button--ghost.button--ghost-grey:focus {
    color: #fff;
    border-color: #D85849;
}

button.button--white,
a.button--white {
    color: #fff;
}

button.button--icon,
a.button--icon {
    column-gap: 0.8em;
}

button.button--transparent,
button.button--transparent:focus,
button.button--transparent:hover,
button.button--transparent:active {
    background-color: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
    font-weight: normal;
}

button.button--transparent.button--fake-link {
    font-weight: bold;
    color: #B3433B;
}

.button.button--100,
button.button--100 {
    width: 100%;
}

.button.button--wide {
    width: 100%;
    max-width: 320px;
}

.button.less-padding {
    padding: 0.75rem 1rem;
}

.navbar-default .navbar-nav > li > a.button--solid {
    color: #fff;
}