.switch {
margin-right: 30px;
margin-top: 30px;
position: relative;
    display: inline-block;
    width: 70px;
    height: 40px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-round {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 24px;
    width: 100%;
    height: 100%;
    transition: background-color 0.3s;
}

.slider-round:before {
    content: "";
    position: absolute;
    height: 80%;
    width: 40%;
    left: 10%;
    bottom: 10%;
    border-radius: 50%;
    transition: transform 0.3s;
}

html.lang-pl .slider-round:before {
    background-image: url('../Icons/pl.svg');
}

html.lang-en .slider-round:before {
    background-image: url('../Icons/en.svg');
}

.switch input:checked + .slider-round {
  background-color: #2196F3;
}

.switch input:focus + .slider-round {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-round:before {
  -webkit-transform: translateX(90%);
  -ms-transform: translateX(90%);
  transform: translateX(90%);
}