section#add-contributor { form { p { margin-bottom: 1rem; &.actions { padding-top: 1rem; text-align: center; } } input[type=text] { width: 100%; padding: 1rem; border: none; border-bottom: 1px solid rgba(255,255,255,0.2); background-color: rgba(22, 21, 40, 0.3); color: #fff; font-size: 1.2rem; &:focus, &.valid { background-color: rgba(22, 21, 40, 0.6); } } input[type=submit] { padding: 0.6rem 2rem; &:disabled { background-color: transparent; } } input[type=checkbox] { display: none; } label.checkbox { line-height: 3.2rem; font-size: 1.2rem; &::before { display: inline-block; height: 3.2rem; width: 3.2rem; font-size: 2rem; background-color: rgba(22, 21, 40, 0.3); border-bottom: 1px solid rgba(255,255,255,0.2); color: #fff; text-align: center; vertical-align: middle; content: ''; margin-right: 0.8rem; } } input[type=checkbox]:checked + label.checkbox { &::before { content: '✓'; background-color: rgba(22, 21, 40, 0.6); } } } }