.SL-yearly-monthly-toggle{background-color:#59a8ff;border-radius:900px;height:48px;margin:15px auto 48px;position:relative;width:260px}.SL-yearly-monthly-toggle:before{background-color:#fff;border-radius:900px;box-shadow:0 -1px 1px 0 rgba(0,0,0,.01),0 1px 2px 0 rgba(0,0,0,.08);content:"";height:40px;left:4px;position:absolute;top:4px;transition:transform .2s ease;width:calc(50% - 8px)}.monthly-subscription,.yearly-subscription{cursor:pointer;display:inline-block;font-size:20px;line-height:48px;opacity:.7;position:absolute;text-align:center;top:0;width:130px}.yearly-subscription{left:0}.monthly-subscription{right:0}.SL-yearly-active .monthly-subscription{color:#fff}.SL-yearly-active .monthly-discount{opacity:.3}.SL-monthly-active .yearly-subscription{color:#fff}.SL-monthly-active .yearly-discount{opacity:.3}.SL-monthly-active:before{transform:translateX(calc(100% + 8px))}.monthly-discount,.yearly-discount{font-size:20px;line-height:48px;position:absolute;top:0;transition:opacity .3s ease .4s;width:130px}.monthly-discount:before,.yearly-discount:before{background:url(/wordpress/wp-content/themes/sage/resources/images/img/icons/arrow-down.svg) no-repeat 50%;background-size:24px;content:"";height:48px;position:absolute;top:-1px;width:24px}@media only screen and (max-width:420px)and (orientation:portrait){.monthly-discount,.yearly-discount{font-size:14px}}.yearly-discount{left:0;padding-right:28px;text-align:right;transform:translateX(-130px)}.yearly-discount:before{right:0;transform:rotate(90deg)}.monthly-discount{padding-left:28px;right:0;text-align:left;transform:translateX(130px);white-space:nowrap}.monthly-discount:before{left:0;transform:rotate(-90deg)}