.mobile-activation { width: 100vw; max-width: 650px; margin: 0px auto; padding: 0px 10px 40px; direction: rtl; padding-top: 70px; overflow-x: hidden; &__back { width: 100%; justify-content: flex-end; a { display: inline; font-family: numeralLight; text-decoration: none; padding: 5px 20px 3px; background-color: #00cc69; border-radius: 25px; color: white; &:focus:enabled { text-decoration: none; } } } &__header { margin: auto; h1 { font-family: numeralBold; margin-top: 15px; color: #00cc69; letter-spacing: -2px; } img { width: calc(100vh / 5); } } &__description { width: 100%; margin-top: 10px; span { font-size: 50px; color: #00cc69; margin-left: 10px; position: relative; bottom: 35px; } p { color: #6f7074; font-family: numeralMedium; } } &__form { width: 100%; padding: 0px 15px; font-family: numeralMedium; position: fixed; bottom: 20px; background-color: white !important; input { width: 100%; background-color: #f6f6f6; color: #4d4d4f; text-align: center; direction: ltr; border: 0px; padding: 15px 0px; border-radius: 10px; &:focus { outline: 0px; } &::placeholder { color: #afafaf; } } button { display: inline; font-family: numeralLight; text-decoration: none; padding: 14px 20px 14px; background-color: #00cc69; border-radius: 10px; color: white; border: 0px; margin-top: 10px; letter-spacing: -1px; &:focus:enabled { text-decoration: none; } } } &__support { width: 80%; margin-top: 30px; span { color: #00cc69; margin-left: 10px; } p { font-size: calc(100vw / 30); color: #6f7074; font-family: numeralMedium; text-align: center; } } &__history { width: 100%; margin: 30px 0px; h2 { font-family: numeralBold; color: #02a255; font-size: calc(100vw / 24); margin-bottom: 20px; } } } .activation { width: 100vw; max-width: 1250px; margin: 0px auto; padding: 0px 10px 40px; direction: rtl; overflow-x: hidden; padding-top: 60px; &__header { max-width: 900px; width: 100%; margin-top: 30px; img { width: 200px; } h1 { font-family: numeralBold; margin-top: 15px; color: #00cc69; letter-spacing: -2px; } } &__description { width: 100%; margin-top: 30px; max-width: 900px; span { font-size: 50px; color: #00cc69; margin-left: 10px; position: relative; bottom: 42px; } p { font-size: calc(100vw / 30); color: #6f7074; font-family: numeralMedium; } } &__form { width: 100%; max-width: 900px; font-family: numeralMedium; justify-content: space-between; input { width: 70%; background-color: #f6f6f6; color: #4d4d4f; text-align: center; direction: ltr; border: 0px; height: 60px; border-radius: 10px; &:focus { outline: 0px; } } button { width: 25%; height: 60px; display: inline; font-family: numeralLight; text-decoration: none; padding: 16px 20px 16px; background-color: #00cc69; border-radius: 10px; color: white; border: 0px; letter-spacing: -1px; &:focus:enabled { text-decoration: none; } } } &__support { width: 100%; max-width: 900px; margin-top: 30px; align-items: center; span { color: #00cc69; margin-left: 10px; } p { color: #afafaf; font-family: numeralMedium; text-align: center; margin-bottom: 0px; } } &__history { width: 100%; max-width: 900px; margin: 50px 0px; h2 { font-family: numeralBold; color: #02a255; margin-bottom: 20px; } } }