.pricing-toggle{width:100%;max-width:400px;position:relative;display:inline-flex;align-items:center;background:#f0f0f5;border-radius:999px;overflow:hidden;border:1px solid #ccc;padding:5px}.pricing-toggle input{display:none}.pricing-toggle label{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;cursor:pointer;border-radius:999px;padding:10px 5px;transition:color .3s ease;z-index:2;text-align:center;font-weight:600}.pricing-toggle .label-main{font-size:14px;line-height:1.2;white-space:nowrap}.pricing-toggle .discount-info{font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.25);color:inherit;white-space:nowrap;font-weight:500}#monthly:checked+label[for=monthly],#yearly:checked+label[for=yearly]{color:#fff}#monthly:checked+label[for=monthly] .discount-info,#yearly:checked+label[for=yearly] .discount-info{background:rgba(255,255,255,.25)}.toggle-slider{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 10px);background:#7b4bff;border-radius:999px;transition:all .3s ease}#yearly:checked~.toggle-slider{left:calc(50% + 5px)}