.combo-button {
  color: #fff;
  position: relative;
  float: right;
  width: 200px;
  font-size: 16px;

  * {
    box-sizing: border-box;
  }

  &--disabled {
    pointer-events: none;
    opacity: 0.5;
  }

  &__button {
    background: #ED1C2E;
    position: relative;
    height: 35px;
    display: block;
    width: 100%;
  }

  &__cta {
    padding: 0 10px;
    cursor: pointer;
    height: 35px;
    width: 100%;
    display: block;
    margin-right: 60px;
    line-height: 35px;

    &--single {
      text-align: center;
    }

    &:hover {
      background: darken(#ED1C2E, 15%);
    }
  }

  &__toggle {
    background: #ED1C2E;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    height: 35px;
    width: 35px;
    margin-left: 20px;
    border-left: 1px solid darken(#ED1C2E, 15%);
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;

    &--open,
    &:hover {
      background: darken(#ED1C2E, 15%);
    }
  }

  &__list {
    margin: 0;
    padding: 0;
    background: darken(#ED1C2E, 15%);
    position: absolute;
    left: 0;
    right: 0;
    list-style: none;

    &-item {
      height: 35px;
      line-height: 35px;
      font-size: 14px;
      padding: 0 10px;
      cursor: pointer;
      border-top: 1px solid darken(#ED1C2E, 20%);
    }
  }

}