.btn, .btn--pill, .btn--pill--white-red {
  border-radius: 20px;
  width: fit-content;
}

.btn.btn-floating, .btn-floating.btn--pill, .btn-floating.btn--pill--white-red {
  border-radius: 50%;
}

.btn a, .btn--pill a, .btn--pill--white-red a {
  font-weight: bold;
}

.btn-default {
  color: #FFA400;
  background-color: #FFA400;
  border-color: #FFA400;
  fill: #FFA400;
}

.btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-color: #cc8300;
  border-color: #c27d00;
  color: #FFA400;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #FFA400;
  border-color: #FFA400;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #E0001B;
  border-color: #E0001B;
  fill: #FFFFFF;
  padding-right: 30px;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-color: #ad0015;
  border-color: #a30014;
  color: #FFFFFF;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #E0001B;
  border-color: #E0001B;
}

.btn-secondary {
  color: #FFFFFF;
  background-color: #CCCCCC;
  border-color: #CCCCCC;
  fill: #FFFFFF;
}

.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  background-color: #b3b3b3;
  border-color: #adadad;
  color: #FFFFFF;
}

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: #CCCCCC;
  border-color: #CCCCCC;
}

.btn-accent {
  color: #013B4F;
  background-color: transparent;
  border-color: transparent;
  fill: #013B4F;
  fill: #013B4F;
}

.btn-accent:focus, .btn-accent.focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active,
.open > .btn-accent.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #013B4F;
}

.btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus,
fieldset[disabled] .btn-accent:hover,
fieldset[disabled] .btn-accent:focus,
fieldset[disabled] .btn-accent.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-flat {
  color: #FFA400;
  background-color: transparent;
  border-color: transparent;
  fill: #FFA400;
  fill: #FFA400;
  white-space: normal;
}

.btn-flat:focus, .btn-flat.focus, .btn-flat:hover, .btn-flat:active, .btn-flat.active,
.open > .btn-flat.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #FFA400;
}

.btn-flat.disabled:hover, .btn-flat.disabled:focus, .btn-flat.disabled.focus, .btn-flat[disabled]:hover, .btn-flat[disabled]:focus, .btn-flat[disabled].focus,
fieldset[disabled] .btn-flat:hover,
fieldset[disabled] .btn-flat:focus,
fieldset[disabled] .btn-flat.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-flat:hover, .btn-flat:focus,
.open .dropdown-toggle .btn-flat {
  color: #FFA400 !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #FFA400 !important;
}

.btn-flat:hover .icon-inline, .btn-flat:focus .icon-inline,
.open .dropdown-toggle .btn-flat .icon-inline {
  fill: #343434;
}

.btn-flat:active, .btn-flat.active {
  border-color: transparent;
  color: white;
}

.btn-link {
  color: #FFA400;
  background-color: transparent;
  border-color: transparent;
  fill: #FFA400;
}

.btn-link:focus, .btn-link.focus, .btn-link:hover, .btn-link:active, .btn-link.active,
.open > .btn-link.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #FFA400;
}

.btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #0000b3;
  fill: #0000b3;
  text-decoration: none;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus {
  color: #f3f3f3;
}

.btn--with-bgicon {
  color: #fff;
}

.btn--facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
  fill: #fff;
}

.btn--facebook:focus, .btn--facebook.focus, .btn--facebook:hover, .btn--facebook:active, .btn--facebook.active,
.open > .btn--facebook.dropdown-toggle {
  background-color: #2d4373;
  border-color: #2a3f6c;
  color: #fff;
}

.btn--facebook.disabled:hover, .btn--facebook.disabled:focus, .btn--facebook.disabled.focus, .btn--facebook[disabled]:hover, .btn--facebook[disabled]:focus, .btn--facebook[disabled].focus,
fieldset[disabled] .btn--facebook:hover,
fieldset[disabled] .btn--facebook:focus,
fieldset[disabled] .btn--facebook.focus {
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn--linkedin {
  color: #fff;
  background-color: #0077b5;
  border-color: #0077b5;
  fill: #fff;
}

.btn--linkedin:focus, .btn--linkedin.focus, .btn--linkedin:hover, .btn--linkedin:active, .btn--linkedin.active,
.open > .btn--linkedin.dropdown-toggle {
  background-color: #005582;
  border-color: #004f78;
  color: #fff;
}

.btn--linkedin.disabled:hover, .btn--linkedin.disabled:focus, .btn--linkedin.disabled.focus, .btn--linkedin[disabled]:hover, .btn--linkedin[disabled]:focus, .btn--linkedin[disabled].focus,
fieldset[disabled] .btn--linkedin:hover,
fieldset[disabled] .btn--linkedin:focus,
fieldset[disabled] .btn--linkedin.focus {
  background-color: #0077b5;
  border-color: #0077b5;
}

.btn--google {
  color: #fff;
  background-color: #d34836;
  border-color: #d34836;
  fill: #fff;
}

.btn--google:focus, .btn--google.focus, .btn--google:hover, .btn--google:active, .btn--google.active,
.open > .btn--google.dropdown-toggle {
  background-color: #b03626;
  border-color: #a73425;
  color: #fff;
}

.btn--google.disabled:hover, .btn--google.disabled:focus, .btn--google.disabled.focus, .btn--google[disabled]:hover, .btn--google[disabled]:focus, .btn--google[disabled].focus,
fieldset[disabled] .btn--google:hover,
fieldset[disabled] .btn--google:focus,
fieldset[disabled] .btn--google.focus {
  background-color: #d34836;
  border-color: #d34836;
}

.btn--twitter {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
  fill: #fff;
}

.btn--twitter:focus, .btn--twitter.focus, .btn--twitter:hover, .btn--twitter:active, .btn--twitter.active,
.open > .btn--twitter.dropdown-toggle {
  background-color: #0c85d0;
  border-color: #0b7fc6;
  color: #fff;
}

.btn--twitter.disabled:hover, .btn--twitter.disabled:focus, .btn--twitter.disabled.focus, .btn--twitter[disabled]:hover, .btn--twitter[disabled]:focus, .btn--twitter[disabled].focus,
fieldset[disabled] .btn--twitter:hover,
fieldset[disabled] .btn--twitter:focus,
fieldset[disabled] .btn--twitter.focus {
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn-sm {
  border-radius: 8px;
}

.btn-xs {
  border-radius: 5px;
}

.shariff-button {
  border-radius: 20px;
}

.tbm-link.level-3,
.btn-primary a,
.right-arrow-link {
  display: block;
  position: relative;
  width: max-content;
  line-height: 20px;
}

.tbm-link.level-3:after,
.btn-primary a:after,
.right-arrow-link:after {
  content: '';
  padding: 8px;
  position: absolute;
  right: -25px;
  font-size: 18px;
  top: 5px;
  display: flex;
  align-items: center;
  transition: .5s;
  -webkit-transform: translateZ(0);
  background-image: url("../../resources/icons/arrows/right.svg");
  background-repeat: no-repeat;
}

.tbm-link.level-3:hover,
.btn-primary a:hover,
.right-arrow-link:hover {
  transition: .5s;
  -webkit-transform: translateZ(0);
  cursor: pointer;
}

.tbm-link.level-3:hover:after,
.btn-primary a:hover:after,
.right-arrow-link:hover:after {
  right: -35px;
  background-image: url("../../resources/icons/arrows/right-red.svg");
}

.btn-primary {
  padding-right: 44px;
}

.btn-primary a:after {
  background-image: url("../../resources/icons/arrows/right-white.svg");
}

.btn--pill, .btn--pill--white-red {
  display: inline-block;
  background-color: #FAFAFA;
  border: 1px solid black;
  border-radius: 10px !important;
  text-align: center;
  color: black;
  padding: 0.3rem 3rem 0.3rem 1rem;
  position: relative;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

.btn--pill:focus, .btn--pill--white-red:focus {
  color: #FFFFFF;
}

.btn--pill:hover, .btn--pill--white-red:hover {
  color: black;
  background-color: #FAFAFA !important;
  background-image: none !important;
}

.btn--pill--arrow:hover:before {
  transform: translateX(0.4rem);
}

.btn--pill--arrow:before {
  font: normal normal normal 16px FontAwesome;
  font-weight: 300;
  display: block;
  position: absolute;
  right: 1rem;
  top: 50%;
  height: 100%;
  line-height: 1rem;
  margin-top: -0.5rem;
  content: "\f061";
  transition: transform 0.3s ease-in-out;
}

.btn--pill--arrow--reverse {
  padding-left: 2.5rem;
  padding-right: 1rem;
}

.btn--pill--arrow--reverse:hover:before {
  transform: translateX(-0.4rem);
}

.btn--pill--arrow--reverse:before {
  font: normal normal normal 16px FontAwesome;
  font-weight: 300;
  display: block;
  position: absolute;
  left: 1rem;
  height: 100%;
  top: 50%;
  line-height: 1rem;
  margin-top: -0.5rem;
  content: "\f060";
  transition: transform 0.3s ease-in-out;
}

.btn--pill--arrow--full-width {
  width: 100%;
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.3rem 2rem 0.3rem 1rem;
}

.btn--pill--arrow--full-width:hover:after {
  transform: translateX(0.4rem);
}

.btn--pill--arrow--full-width:after {
  font: normal normal normal 16px FontAwesome;
  font-weight: 300;
  display: block;
  height: 100%;
  line-height: 1.5rem;
  content: "\f061";
  transition: transform 0.3s ease-in-out;
  position: absolute;
  top: 5px;
  right: 1rem;
}

.btn--pill--arrow--full-width-center {
  width: 100%;
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.3rem 1rem 0.3rem 1rem;
  justify-content: center;
}

.btn--pill--full-width {
  width: 100%;
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.3rem 1rem 0.3rem 1rem;
}

.btn--pill--full-width-center {
  width: 100%;
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.3rem 1rem 0.3rem 1rem;
  justify-content: center;
}

.btn--pill--white {
  background-color: #FFFFFF;
  border: none;
  color: #000000;
  font-weight: 700;
  display: block;
  transform: translateX(-1rem);
}

.btn--pill--white:hover {
  transform: translateX(-0.8rem);
}

.btn--pill--white-red {
  background-color: #FFFFFF;
  border: none;
  color: #FFA400;
  font-weight: 700;
  display: block;
  padding: 0.3rem 3.5rem 0.3rem 4rem;
  transform: translateX(0);
}

.btn--pill--white-red:hover:after {
  transform: translateX(0.8rem);
}

.btn--pill--white-red:before {
  display: none;
}

.btn--pill--white-red:after {
  font: normal normal normal 16px FontAwesome;
  font-weight: 300;
  display: inline-block;
  height: 100%;
  line-height: 1.5rem;
  content: "\f061";
  transition: transform 0.3s ease-in-out;
  margin-left: 1rem;
}

.stream-item .card--stream .btn.btn-flat:hover, .stream-item .card--stream .btn-flat.btn--pill:hover, .stream-item .card--stream .btn-flat.btn--pill--white-red:hover {
  background-color: #FFA400;
  color: #FFFFFF;
}

.stream-item .card--stream .btn.btn-flat:hover:before, .stream-item .card--stream .btn-flat.btn--pill:hover:before, .stream-item .card--stream .btn-flat.btn--pill--white-red:hover:before {
  transform: translateX(0.4rem);
}

.stream-item .card--stream .btn.btn-flat:before, .stream-item .card--stream .btn-flat.btn--pill:before, .stream-item .card--stream .btn-flat.btn--pill--white-red:before {
  font: normal normal normal 16px FontAwesome;
  font-weight: 300;
  display: block;
  position: absolute;
  right: 1rem;
  top: 4px;
  height: 100%;
  line-height: 1.5rem;
  content: "\f061";
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 767.98px) {
  .btn-label {
    margin-left: 1rem;
    margin-right: 2rem;
  }
  .btn-icon {
    display: none;
  }
  .dropdown-toggle .btn-icon {
    display: block;
  }
}

/*# sourceMappingURL=button.css.map */
