.customize-control-spiderprime-buttonset .buttonset { display: inline-block; margin: 2px; } .customize-control-spiderprime-buttonset .buttonset .switch-input { display: none; } .customize-control-spiderprime-buttonset .buttonset .switch-input:checked+.switch-label { background-color: #275cf6; color: #fff; } .customize-control-spiderprime-buttonset .buttonset .switch-input:checked+.switch-label:before { color: #fff; } .customize-control-spiderprime-buttonset .buttonset .switch-label { float: left; background-color: #f5f5f5; color: #555; border: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 1px; text-transform: uppercase; position: relative; border-radius: 3px; } .customize-control-spiderprime-buttonset .buttonset .switch-label:not(:last-child) { margin-right: 5px; } /** Respoinsive button set */ .customize-control-spiderprime-responsive-buttonset .spiderprime-responsive-buttonset-fields .spiderprime-responsive-buttonset-title-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; justify-content: space-between; } .customize-control-spiderprime-responsive-buttonset .spiderprime-responsive-buttonset-device-wrap .switch-input { display: none; } .customize-control-spiderprime-responsive-buttonset .spiderprime-responsive-buttonset-device-wrap .switch-input:checked+.switch-label { background-color: #275cf6; color: #fff; } .customize-control-spiderprime-responsive-buttonset .spiderprime-responsive-buttonset-device-wrap .switch-input:checked+.switch-label:before { color: #fff; } .customize-control-spiderprime-responsive-buttonset .spiderprime-responsive-buttonset-device-wrap .switch-label { float: left; background-color: #f5f5f5; color: #555; border: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 1px; text-transform: uppercase; position: relative; border-radius: 3px; } .customize-control-spiderprime-responsive-buttonset .spiderprime-responsive-buttonset-device-wrap .switch-label:not(:last-child) { margin-right: 5px; } .spiderprime-responsive-buttonset-device-wrap { display: none; } .spiderprime-responsive-buttonset-device-wrap.active { display: block; } .spiderprime-responsive-buttonset-title-wrap.customize-control-title { padding: 0 10px; }