/**
 * BLOCK LABEL
 */
label.label {
    cursor: pointer;
    padding: $spacer;
    background-color: $grey-50;
    padding: $spacer;
    margin-bottom: $spacer;
    color: $primary;
    font-size: $h6-font-size;
    border-radius: $border-radius-md;
    border: 1px solid $grey-200;
    line-height: 1;
    margin-right: $spacer;
}

label.label-sm {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    font-weight: 400;
}

label.label-md {
    font-weight: 500;
}

.label p {
    color: $grey-600;
}

input[type=radio]:checked + .label,
.label--selected {
    background-color: #fff;
    //border: 2px solid $blue-700;
    box-shadow: 0px 0px 0px 2px $blue-700, 0px 0px 0px 4px $blue-200;
}

input[type=radio]:checked + .label.label-sm {
    box-shadow: none;
    background-color: $primary;
    color: #fff;
    border: 1px solid transparent;
}

input[type=radio]:checked + .label.label-md {
    color: $grey-900;
}

.label__checkbox {
    position: absolute;
    top: $spacer * 1.1;
    left: $spacer;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid $blue-700; 
}

.label__checkbox .fa-check {
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    font-size: 10px;
    height: 10px;
}

.label.block-label--selected .fa-check {
    display: block;
}

.label__title {
    margin-bottom: 0;
}

.label .bundle-item-block__price  {
    font-weight: 700;
    height: 1rem;
    font-size: 20px;
    line-height: 1rem;
}

.label .bundle-item-block__price .font-size-sm {
    font-size: $font-size-sm;
    line-height: 1;
}