#212121
1.input-group { 2 display: flex; 3 align-items: center; 4} 5 6.input { 7 min-height: 50px; 8 max-width: 150px; 9 padding: 0 1rem; 10 color: #fff; 11 font-size: 15px; 12 border: 1px solid #5e4dcd; 13 border-radius: 6px 0 0 6px; 14 background-color: transparent; 15} 16 17.button--submit { 18 min-height: 50px; 19 padding: .5em 1em; 20 border: none; 21 border-radius: 0 6px 6px 0; 22 background-color: #5e4dcd; 23 color: #fff; 24 font-size: 15px; 25 cursor: pointer; 26 transition: background-color .3s ease-in-out; 27} 28 29.button--submit:hover { 30 background-color: #5e5dcd; 31} 32 33.input:focus, .input:focus-visible { 34 border-color: #3898EC; 35 outline: none; 36} 37
Comments
MIT License