.toggle-button {
    background: white;
    border-radius: 2px;
    border: 1px solid #efefef;
    box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2);
    margin-left:5px;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    max-width: 160px;
}

.toggle-button > div {
    width: 50px;
}

.swiper-slide .toggle-button img {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: none;
}

.swiper-slide .toggle-button img.disable_cognition {
    width: 34px;
    height: 34px;
    padding: 8px;
    display: none;
}

.swiper-slide .toggle-button img.svg-full {
    display: block;
}

.toggle-button p.mode-label {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 1rem;
}



/*
.toggle-button img.svg-on,
.toggle-button img.svg-off {
    width: 40px;
    height: 40px;
    fill: #555;
    padding: 5px;
}

.toggle-button img.svg-off {
    display: none; !* Initially hide the "off" state SVG *!
}

.toggle-button.active img.svg-on {
    display: none;
}

.toggle-button.active img.svg-off {
    display: block;
}*/