.verification_div { width: 80%; margin: 0 auto; .form_div { padding-top: 60%; .row { margin-bottom: 20px; input { border: 1px solid rgba(215, 213, 228, 1); background: transparent; color: rgba(215, 213, 228, 1); width: 100%; height: 45px; text-align: center; border-radius: 8px; font-size: 16px; } .login_btn { width: 100%; background-color: #29285b; color: #fff; border-radius: 8px; height: 45px; font-size: 16px; } .resend_btn { width: 100%; background-color: transparent; color: #29285b; border-radius: 8px; height: 45px; font-size: 16px; font-weight: 900; } hr { border: 1px solid rgba(215, 213, 228, 1); border-bottom: none; margin-top: 30px; margin-bottom: 10px; } P { text-align: center; color: rgba(59, 57, 77, 1); margin: 0px; text-align: center; span { background-color: #fff; padding: 10px; font-size: 18px; } } h4 { color: rgba(59, 57, 77, 1); text-align: center; margin: 0px; padding-top: 15px; } h6 { color: rgba(41, 40, 91, 1); text-align: center; font-weight: bold; padding-bottom: 20%; font-size: 25px; .styled-checkbox { position: absolute; // take it out of document flow opacity: 0; // hide it &+label { position: relative; cursor: pointer; padding: 0; } // Box. &+label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 30px; height: 30px; border-radius: 10px; background: white; border: 1px solid rgba(215, 213, 228, 1); } // Box checked &:checked+label:before { background: #29285b; } // Disabled state label. &:disabled+label { color: #b8b8b8; cursor: auto; } // Disabled box. &:disabled+label:before { box-shadow: none; background: #ddd; } // Checkmark. Could be replaced with an image &:checked+label:after { content: ''; position: absolute; left: 10px; top: 15px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(45deg); } } } .social_div { border: 1px solid rgba(215, 213, 228, 1); height: 45px; border-radius: 20px; .social_btn { display: inline-block; width: 50%; text-align: center; height: 100%; font-size: 18px; padding: 9px; } } } } }