.view-toggle input[type=checkbox] { display: none; }
.view-toggle input[type=checkbox] + label { font-size: 1.1rem; color: #fff; position: relative; padding-right: 27px; }
.view-toggle input[type=checkbox] + label:after { height: 15px; display: block; position: absolute; content: 'on'; font-family: 'Arial'; right: 0; padding: 0 5px; line-height: 13px; background: #1DB53D; border-radius: 3px; top: 50%; margin-top: -7px; font-size: 1rem; font-weight: bold; }
.view-toggle input[type=checkbox] + label:hover:after { background: #28C549; }
.view-toggle input[type=checkbox]:checked + label:after { height: 15px; display: block; position: absolute; content: 'off'; font-family: 'Arial'; right: 0; padding: 0 5px; line-height: 13px; background: #CC3D30; border-radius: 3px; top: 50%; margin-top: -7px; font-size: 1rem; font-weight: bold; }
.view-toggle input[type=checkbox]:checked + label:hover:after { background: #DB4B3D; }