:root {
	--button--radius: var(--radius-1);
	--theme-normal_button: 251, 160, 41;
    --theme-normal_button_font: 255, 255, 255;
	--theme-light_button: 232, 242, 250;
    --theme-light_button_font: 43, 43, 43;
}
.wrapper-buttons {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
}

.wrapper-buttons > * {
  margin-bottom: 10px;
}

.wrapper-buttons > *:first-child {
  margin-top: 10px;
}

.wrapper-buttons > *:last-child {
  margin-bottom: 0px;
}

.white-button,
.blue-button {
  display: inline-block;
  font-family: Whitney, "Open Sans", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 11pt;
  border-radius: 3px;
  cursor: pointer;
  height: 45px;
  width: 250px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.blue-button {
  background-color: #7289da;
  border: 2px solid #7289da;
  color: #fff;
}

.white-button {
  background-color: #fff;
  border: 2px solid #fff;
  color: #000;
}

.wrapper-nitro-buttons {
  margin: 0 auto !important;
  width: 60%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.black-nitro-button,
.green-nitro-button {
  display: inline-block;
  font-family: Whitney, "Open Sans", Helvetica, sans-serif;
  font-weight: 400;
  font-size: 11pt;
  border-radius: 3px;
  cursor: pointer;
  height: 45px;
  width: 200px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.green-nitro-button {
  background-color: #43b581;
  border: 2px solid #43b581;
  color: #fff;
}

.black-nitro-button {
  background-color: #090909;
  border: 2px solid #090909;
  color: #fff;
}

.discount {
  display: inline;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  color: hsla(0, 0%, 100%, 0.75);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  margin-left: 3px;
  padding: 3px;
  width: 50px;
}

.blue-button:not(:disabled):hover,
.white-button:not(:disabled):hover,
.black-nitro-button:not(:disabled):hover,
.green-nitro-button:not(:disabled):hover {
  transform: translateY(1px);
}

.blue-button:not(:disabled):active,
.white-button:not(:disabled):active,
.black-nitro-button:not(:disabled):active,
.green-nitro-button:not(:disabled):active {
  transform: translateY(2px);
}

.blue-button,
.white-button,
.black-nitro-button,
.green-nitro-button {
  outline: transparent !important;
}


.foxesButton {
    font-size: 14.0px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    border-radius: var(--button--radius);
    border: 1px solid transparent;
    transition: 0.1s all linear;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellfoxesis;
}

.foxesButton:hover:not(:active) {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 100%);
}

.foxesButton:active, .foxesButton_active {
    border-color: rgba(0,0,0,0.1);
    background-image: linear-gradient(to bottom, rgba( var(--theme-text_dark), 0.1 ) 0%, rgba( var(--theme-text_dark), 0.1 ) 100%);
}

.foxesButton_normal {
    background: rgb( var(--theme-normal_button) );
    color: rgb( var(--theme-normal_button_font) );
}

.foxesButton_primary {
    font-weight: 500;
    background: rgb( var(--theme-primary_button) );
    color: rgb( var(--theme-primary_button_font) );
}

.foxesButton_alternate {
    background: rgb( var(--theme-alternate_button) );
    color: rgb( var(--theme-alternate_button_font) );
}

.foxesButton_important {
    font-weight: 500;
    background: rgb( var(--theme-important_button) );
    color: rgb( var(--theme-important_button_font) );
}

.foxesButton_positive {
    background: var(--positive-dark);
    color: var(--positive-light);
}

.foxesButton_intermediate {
    background: var(--intermediate-dark);
    color: var(--intermediate-light);
}

.foxesButton_negative {
    background: var(--negative-dark);
    color: var(--negative-light);
}

.foxesButton_light {
    background: rgb( var(--theme-light_button) );
    border-color: transparent;
    color: rgb( var(--theme-light_button_font) );
}

.foxesButton_light:hover {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
}

.foxesButton_veryLight {
    background: rgb( var(--theme-very_light_button) );
    border-color: rgba( var(--theme-very_light_button_font), 0.075 );
    color: rgb( var(--theme-very_light_button_font) );
}

.foxesButton_veryLight.foxesButton_veryLight--negative {
    color: var(--negative-dark);
}

.foxesButton_overlaid {
    background: rgba(0,0,0,0.5);
    opacity: 0.6;
    color: #fff;
    z-index: 2;
}

.foxesButton_overlaid:hover {
    background: #000;
    opacity: 1;
}

.foxesButton_overlaid:active {
    background: #000;
}

.foxesButton_link {
    background: transparent;
    color: rgb( var(--theme-link_button) );
    border-color: transparent;
    padding: 9px 20px;
    font-weight: normal;
}

.foxesButton_light {
    background: rgb( var(--theme-light_button) );
    border-color: transparent;
    color: rgb( var(--theme-light_button_font) );
}

.foxesButton_light:hover {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
}

.foxesButton_veryLight {
    background: rgb( var(--theme-very_light_button) );
    border-color: rgba( var(--theme-very_light_button_font), 0.075 );
    color: rgb( var(--theme-very_light_button_font) );
}

.foxesButton_veryLight.foxesButton_veryLight--negative {
    color: var(--negative-dark);
}

.foxesButton_overlaid {
    background: rgba(0,0,0,0.5);
    opacity: 0.6;
    color: #fff;
    z-index: 2;
}

.foxesButton_overlaid:hover {
    background: #000;
    opacity: 1;
}

.foxesButton_overlaid:active {
    background: #000;
}

.foxesButton_link {
    background: transparent;
    color: rgb( var(--theme-link_button) );
    border-color: transparent;
    padding: 9px 20px;
    font-weight: normal;
}

.foxesButton_link:active {
    box-shadow: none;
    background-image: none;
}

.foxesToolList .foxesButton_link, .foxesButton_link.foxesButton_link_secondary {
    border-color: transparent;
}

.foxesButton_link--negative {
    color: var(--negative-dark);
}

.foxesButton_split {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    border-radius: var(--button--radius);
}

.foxesButton_split li {
	margin: 5px;
}

.foxesButton_split > :first-child, .foxesButton_split > :last-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}

.foxesList_inline ul.foxesButton_split {
    vertical-align: middle;
}