label { font-weight: 600; } #nouvelle { width: 400px; margin: auto; text-align: center; border-collapse: collapse; } #nouvelle>tbody>tr { height: 30px; max-width: 100px; } #nouvelle>tbody>tr>td { padding: 10px; } /* #formListePerso>button { display: block; width: 100%; height: 50px; margin: 5px; background-color: rgba(0, 0, 0, 0.4); border: solid 1px black; } */ #formNouveauPerso, #formListePerso { padding-top: 5rem; /* width: 300px; */ } #button { display: flex; align-items: center; justify-content: center; width: 100%; margin: 30px; } #submit { display: inline-block; border-radius: 20px; background-color: #3EA6FF; box-shadow: 0px 25px 80px rgb(0 0 0 / 50%); border: 2px #3e6bff; color: #FFFFFF; text-align: center; font-size: 20px; padding: 20px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px; transition: all ,0.5s; } #submit:hover { box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.7); } #submit span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } #submit span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } #submit:hover span { padding-right: 25px; } #submit:hover span:after { opacity: 1; right: 0; }