.button-con{cursor:default;position:absolute;bottom:10%;left:50%;transform:translateX(-50%);background-color:rgba(46,50,68,.7);padding:15px 30px;border-radius:50px}#dayIcon{position:relative;width:26px;height:26px;margin:0 7px;fill:#fff}#nightIcon{position:relative;width:26px;height:26px;margin:0 7px;fill:#fff}#dayIcon,#nightIcon{cursor:pointer}.toggle{display:none}.toggle,.toggle:after,.toggle:before,.toggle *,.toggle *:after,.toggle *:before,.toggle + .toggle-button{-moz-box-sizing:border-box;box-sizing:border-box}.toggle::-moz-selection,.toggle:after::-moz-selection,.toggle:before::-moz-selection,.toggle *::-moz-selection,.toggle *:after::-moz-selection,.toggle *:before::-moz-selection,.toggle + .toggle-button::-moz-selection{background:none}.toggle::selection,.toggle:after::selection,.toggle:before::selection,.toggle *::selection,.toggle *:after::selection,.toggle *:before::selection,.toggle + .toggle-button::selection{background:none}.toggle + .toggle-button{outline:0;display:inline-block;width:4em;height:2em;position:relative;cursor:pointer;border:2px solid #333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle + .toggle-button:after,.toggle + .toggle-button:before{position:relative;display:block;content:"";width:50%;height:100%}.toggle + .toggle-button:after{left:0}.toggle + .toggle-button:before{display:none}.toggle:checked + .toggle-button:after{left:50%}.toggle + .toggle-button{padding:2px;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid #fff;border-radius:2em}.toggle + .toggle-button:after{-webkit-transition:all .2s ease;transition:all .2s ease;background:#fff;content:"";border-radius:1em}.toggle:checked + .toggle-button:after{left:50%}@media screen and (max-width:1240px){.button-con{padding:10px 20px}}@media screen and (max-width:768px){.button-con{bottom:5%;padding:8px 15px}#dayIcon{width:20px;height:20px;margin-top:3px}#nightIcon{width:20px;height:20px;margin-top:3px}.toggle + .toggle-button{width:40px;height:20px}}@media screen and (max-width:575px){.button-con{padding:5px 10px}#dayIcon{width:15px;height:15px;margin:3px 3px 0}#nightIcon{width:15px;height:15px;margin:3px 3px 0}.toggle + .toggle-button{width:30px;height:15px}}