.header-toolbar { --background: linear-gradient(45deg, #3ac1f1 0%, #19a163 36%, #19a163 59%, #1a586d 100%); } .btnBack { background: transparent; } ion-img { width: 180px; height: 180px; background: transparent; } h1 { font-size: 28px !important; } span { font-weight: bold; } .button-login { --background: var(--newgreen) !important; background: var(--newgreen) !important; white-space: normal; color: var(--light); text-transform: capitalize; min-height: 1.0cm; --border-radius: 33px !important; border-radius: 33px !important; --min-height: 1.6cm !important; width: 315px; } .leftDiv { margin: auto; display: block; } .sms_code { margin: 0px; text-align: center; } ion-input { margin: 0 5px; text-align: center; line-height: 0; font-size: 32px; //border: solid 1px #ccc; border: 1px solid #ccc !important; //box-shadow: 0 0 5px #ccc inset; outline: none; width: 20%; transition: all .2s ease-in-out; border-radius: 3px; display: inline-block; &:focus { border-color: var(--ion-color-secondary) !important; box-shadow: 0 0 5px var(--ion-color-secondary) !important; } &::selection { background: transparent; } }