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