.button-cover2,.knobs2,.layer2{background:#fff;bottom:0;left:0;position:absolute;right:0;top:0}.toggle-button2{border:2px solid #1fb7f0;border-radius:23px;height:40px;margin:auto;overflow:hidden;position:relative;width:300px}.toggle-button2.r,.toggle-button2.r .layer2{border-radius:100px}.toggle-button2.b2{border-radius:23px}.checkbox2{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}.knobs2{z-index:2}.layer2{background-color:#fff;transition:all .3s ease;width:100%;z-index:1}#button-11 .knobs2 span,#button-11 .knobs2:after,#button-11 .knobs2:before{border-radius:0;border-bottom-right-radius:23px;border-top-right-radius:23px;color:#054169;font-size:16px;font-weight:400;height:36px;line-height:1;padding:10px 4px;position:absolute;text-align:center;top:0;transition:all .3s ease;width:150px}#button-11 .knobs2:before{background-color:#1fb7f0;content:"";left:0}#button-11 .knobs2:after{color:#054169;content:"Pay Annually";font-weight:400;right:0}#button-11 .knobs2 span{display:inline-block;left:0;z-index:1}#button-11 .checkbox2:checked+.knobs2 span{color:#054169}#button-11 .checkbox2+.knobs2:before{font-weight:700}#button-11 .checkbox2:checked+.knobs2:before{border-radius:23px;left:150px}#button-11 .checkbox2:checked+.knobs2:after{color:#054169}#button-11 .checkbox2:checked~.layer2{background-color:#fcebeb}.addons-price{font-weight:700}.annual-addon-price{display:none}#button-11.AnnualPrice2 .knobs2:after,#button-11.MonthlyPrice2 .knobs2 span{font-weight:700}