.right-col{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(90deg,#a06fc6,#ffffff);}.login{width:320px;padding:30px;padding-top:156px;}.login__field{padding:20px 0px;position:relative;}.login__icon{position:absolute;top:30px;color:#7875B5;}.login__input{border:none;border-bottom:2px solid #D1D1D4;background:none;padding:10px;padding-left:24px;font-weight:700;width:75%;transition:.2s;}.login__input:active,.login__input:focus,.login__input:hover{outline:none;border-bottom-color:#6A679E;}.login__submit{background:#fff;font-size:14px;margin-top:30px;padding:16px 20px;border-radius:26px;border:1px solid #D4D3E8;text-transform:uppercase;font-weight:700;display:flex;align-items:center;width:100%;color:#4C489D;box-shadow:0px 2px 2px #5C5696;cursor:pointer;transition:.2s;}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#6A679E;outline:none;}.button__icon{font-size:24px;margin-left:auto;color:#7875B5;}@media (max-width:1200px){.right-col{padding:20px;}.login{width:280px;padding-top:120px;}.login__input{width:100%;}}@media (max-width:768px){.right-col{flex-direction:column;padding:20px;}.login{width:260px;padding-top:100px;}.login__input{width:100%;}}@media (max-width:480px){.login{width:100%;padding:20px;padding-top:80px;}.login__submit{font-size:12px;padding:14px 18px;}.button__icon{font-size:20px;}}