.radio_wrapper {
  position: relative;
  & input[type=radio]{
    position: absolute;
    visibility: hidden;
  }
  & label{
    display: block;
    position: relative;      
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    font-weight: 500;
    z-index: 20;
  }
  & .check {
    display: block;
    position: absolute;
    border: $border-width solid var(--sm-input-border-color);
    border-radius: 100%;
    height: calculateRem(20px);
    width: calculateRem(20px);
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
  }
  & .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: calculateRem(14px);
    width: calculateRem(14px);
    top: calculateRem(3px);
    left: calculateRem(3px);
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  
  & input[type=radio]:checked ~ .check {
    border: 1px solid var(--sm-primary-color);
  }
  
  & input[type=radio]:checked ~ .check::before{
    background: var(--sm-primary-color);
  }
  
  & input[type=radio]:checked ~ label{
    color: var(--sm-primary-color);
  }
  &:hover {
    .check {
      border: 1px solid var(--sm-input-focus-border-color);
      outline-color: transparent;
      box-shadow: none !important;
    }
  }  
}

.logo_radio_wrapper {
  & label {
    padding-left: calculateRem(30px);
    padding-right: 0;
    margin-right: calculateRem(40px);
    font-weight: 300;
  }
}