.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; text-align: left; 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: solid 0.01cm #000000; //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 inset; } &::selection { background: transparent; } }