.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: #FFFFFF;
  background-color: #273A78;
  border-color: #273A78;
  fill: #FFFFFF;
}

.btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-color: #1a2752;
  border-color: #18244a;
  color: #FFFFFF;
}

.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: #273A78;
  border-color: #273A78;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #273A78;
  border-color: #273A78;
  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: #1a2752;
  border-color: #18244a;
  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: #273A78;
  border-color: #273A78;
}

.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: #4196B4;
  background-color: transparent;
  border-color: transparent;
  fill: #4196B4;
  fill: #4196B4;
}

.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: #4196B4;
}

.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: #273A78;
  background-color: transparent;
  border-color: transparent;
  fill: #273A78;
  fill: #273A78;
  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: #273A78;
}

.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: inherit;
  background-color: #273A78;
  border-color: #273A78;
  fill: inherit;
  color: #1a2752;
  fill: #1a2752;
}

.btn-flat:hover:focus, .btn-flat:hover.focus, .btn-flat:hover:hover, .btn-flat:hover:active, .btn-flat:hover.active,
.open > .btn-flat:hover.dropdown-toggle, .btn-flat:focus:focus, .btn-flat:focus.focus, .btn-flat:focus:hover, .btn-flat:focus:active, .btn-flat:focus.active,
.open > .btn-flat:focus.dropdown-toggle,
.open .dropdown-toggle .btn-flat:focus,
.open .dropdown-toggle .btn-flat.focus,
.open .dropdown-toggle .btn-flat:hover,
.open .dropdown-toggle .btn-flat:active,
.open .dropdown-toggle .btn-flat.active,
.open >
.open .dropdown-toggle .btn-flat.dropdown-toggle {
  background-color: #1a2752;
  border-color: #18244a;
  color: inherit;
}

.btn-flat:hover.disabled:hover, .btn-flat:hover.disabled:focus, .btn-flat:hover.disabled.focus, .btn-flat:hover[disabled]:hover, .btn-flat:hover[disabled]:focus, .btn-flat:hover[disabled].focus,
fieldset[disabled] .btn-flat:hover:hover,
fieldset[disabled] .btn-flat:hover:focus,
fieldset[disabled] .btn-flat:hover.focus, .btn-flat:focus.disabled:hover, .btn-flat:focus.disabled:focus, .btn-flat:focus.disabled.focus, .btn-flat:focus[disabled]:hover, .btn-flat:focus[disabled]:focus, .btn-flat:focus[disabled].focus,
fieldset[disabled] .btn-flat:focus:hover,
fieldset[disabled] .btn-flat:focus:focus,
fieldset[disabled] .btn-flat:focus.focus,
.open .dropdown-toggle .btn-flat.disabled:hover,
.open .dropdown-toggle .btn-flat.disabled:focus,
.open .dropdown-toggle .btn-flat.disabled.focus,
.open .dropdown-toggle .btn-flat[disabled]:hover,
.open .dropdown-toggle .btn-flat[disabled]:focus,
.open .dropdown-toggle .btn-flat[disabled].focus,
fieldset[disabled]
.open .dropdown-toggle .btn-flat:hover,
fieldset[disabled]
.open .dropdown-toggle .btn-flat:focus,
fieldset[disabled]
.open .dropdown-toggle .btn-flat.focus {
  background-color: #273A78;
  border-color: #273A78;
}

.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 {
  background-color: rgba(12, 12, 12, 0.25);
  border-color: transparent;
  color: white;
}

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

.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: #273A78;
}

.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 {
  background-color: #273A78;
  border: 1px solid #273A78;
  border-radius: 20px;
  color: #fff;
  padding: 0.3rem 3rem 0.3rem 1rem;
  position: relative;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

.btn--pill:hover, .btn--pill--white-red:hover {
  color: #273A78;
  background-color: #FFFFFF;
}

.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: 4px;
  height: 100%;
  line-height: 1.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%;
  line-height: 1.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 1rem 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: inline-block;
  height: 100%;
  line-height: 1.5rem;
  content: "\f061";
  transition: transform 0.3s ease-in-out;
  margin-left: 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: #273A78;
  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: #273A78;
  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;
}

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