@import 'ui-variables'; .feature-usage-modal { position: absolute; top: 0; width: 100%; height: 100%; .feature-header { text-align: center; padding-top: 32px; padding-bottom: 30px; color: @white; border-radius: 5px 5px 0 0; background: linear-gradient(to top, #777ff0, lighten(#777ff0, 10%)); } .header-text { color: @white; margin: 24px 8px 11px 8px; } .recharge-text { margin: 0 30px; opacity: 0.67; } .feature-cta { text-align: center; padding-bottom: 26px; h2 { margin-top: 26px; margin-bottom: 26px; } } .pro-description { width: 275px; margin: 0 auto; padding-left: 0; ul { color: rgba(51, 51, 51, 0.67); text-align: left; list-style: none; line-height: 24px; margin-bottom: 0; } li { &:before { content: '✓'; margin-right: 11px; } } h3 { margin-top: 23px; margin-bottom: 18px; } p { color: rgba(51, 51, 51, 0.67); margin: 0; text-align: left; padding-left: 22px; line-height: 24px; } } .btn { margin-top: 21px; width: 200px; } }