Использование '&' в CSS ⇐ CSS

[Anonymous]

Я нашел этот CSS в Интернете, и когда я копирую и вставляю его в редактор кода, я получаю ошибки (множественные ошибки), начиная с первого знака (&) в приведенном ниже коде. Может ли кто-нибудь помочь мне понять, почему это происходит? Я раньше не использовал CSS, поэтому не знаю, как это работает.
body,html{
background: #efefef;
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;
z-index: -1;
}

.btn{
border: 3px solid #1a1a1a;
display: inline-block;
padding: 10px;
position: relative;
text-align: center;
transition: background 600ms ease, color 600ms ease;
}

input[type="radio"].toggle {
display: none;
& + label{
cursor: pointer;
min-width: 60px;
&:hover{
background: none;
color: #1a1a1a;
}
&:after{
background: #1a1a1a;
content: "";
height: 100%;
position: absolute;
top: 0;
transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
width: 100%;
z-index: -1;
}
}
&.toggle-left + label {
border-right: 0;
&:after{
left: 100%
}
}
&.toggle-right + label{
margin-left: -5px;
&:after{
left: -100%;
}
}
&:checked + label {
cursor: default;
color: #fff;
transition: color 200ms;
&:after{
left: 0;
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/690 ... -of-in-css