.bub-checkbox-button {
  background-color: #fff;
  outline: none; }
  .bub-checkbox-button:focus {
    margin: -1px;
    border: 1px solid #dc3c31; }
    .bub-checkbox-button:focus .bub-checkbox-button-label {
      color: #dc3c31; }
  .bub-checkbox-button .wrapper-bub-checkbox-button {
    cursor: pointer;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .bub-checkbox-button .wrapper-bub-checkbox-button {
        padding: 0 6px; } }
    .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left {
      padding: 20px;
      width: 90%;
      display: flex;
      justify-content: space-between;
      padding-right: 0px;
      align-items: center; }
      @media (max-width: 767px) {
        .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left {
          padding: 10px 0; } }
      .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left .selected-label {
        font-family: Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 1.5em;
        font-style: italic;
        color: #5c6468;
        text-align: center; }
      .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left .wrapper-checkbox-content {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left .wrapper-checkbox-content .bub-checkbox-label-wrapper {
          display: flex;
          flex-direction: column; }
        .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left .wrapper-checkbox-content .bub-checkbox-button-label {
          color: #1d4254;
          text-align: left; }
          .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left .wrapper-checkbox-content .bub-checkbox-button-label.bolden-label {
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5em; }
        .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left .wrapper-checkbox-content .bub-checkbox-button-sublabel {
          color: #8296a0; }
        .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-left .wrapper-checkbox-content .bub-checkbox-wrapper {
          margin-left: 8px; }
    .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-right {
      width: 10%;
      align-items: center;
      display: flex;
      justify-content: flex-end;
      padding: 20px; }
      @media (max-width: 767px) {
        .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-right {
          padding: 20px 0; } }
      .bub-checkbox-button .wrapper-bub-checkbox-button .wrapper-bub-checkbox-right .bub-arrow-icon {
        color: #162127;
        width: 44px; }
  .bub-checkbox-button .checkbox-group .wrapper-bub-checkbox-button {
    padding-left: 24px; }
    @media (max-width: 767px) {
      .bub-checkbox-button .checkbox-group .wrapper-bub-checkbox-button {
        padding-left: 32px; } }
  .bub-checkbox-button .checkbox-group .bub-checkbox-button-wrapper {
    border-left: none;
    border-right: none; }
    .bub-checkbox-button .checkbox-group .bub-checkbox-button-wrapper:last-child {
      border-bottom: none; }

.bub-radio-button-group.with-borders {
  border: 1px solid #b9bcbe; }
  .bub-radio-button-group.with-borders .bub-radio-button-wrapper {
    border-top: 1px solid #b9bcbe; }
    .bub-radio-button-group.with-borders .bub-radio-button-wrapper:first-child {
      border-top: none; }

.bub-radio-button-group.no-borders {
  border: none; }
  .bub-radio-button-group.no-borders .bub-radio-button-wrapper {
    border: none; }

.bub-radio-button-group.full-screen.with-borders {
  border-left: none;
  border-right: none; }

.bub-radio-button-group.inline {
  display: flex;
  flex-wrap: wrap; }

.bub-checkbox-button-group .bub-checkbox-button-wrapper {
  border: 1px solid #b9bcbe; }

.bub-checkbox-button-group.stacked .bub-checkbox-button-wrapper, .bub-checkbox-button-group.full-screen .bub-checkbox-button-wrapper {
  border-top: none; }
  .bub-checkbox-button-group.stacked .bub-checkbox-button-wrapper:first-child, .bub-checkbox-button-group.full-screen .bub-checkbox-button-wrapper:first-child {
    border-top: 1px solid #b9bcbe; }

.bub-checkbox-button-group.full-screen .bub-checkbox-button-wrapper {
  border-left: none;
  border-right: none; }

.bub-checkbox-button-group.separator-only .bub-checkbox-button-wrapper {
  border-left: none;
  border-right: none;
  border-top: none; }
  .bub-checkbox-button-group.separator-only .bub-checkbox-button-wrapper:last-child {
    border-bottom: none; }

.bub-checkbox-button-group.tiled {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  grid-gap: 15px; }
  .bub-checkbox-button-group.tiled.two {
    grid-template-columns: repeat(2, minmax(120px, 1fr)); }