form{width:100%}label{display:flex;justify-content:center;font-weight:500}label input{position:absolute;left:-9999px}label input:checked+p{background-color:#ff0ec9;color:white}input:checked+p:before{border:5px solid white;background:#ff0ec9;transition:.5s}label p{display:flex;align-items:center;padding:.8rem;border-radius:99em;transition:.25s ease;width:100%;gap:10px;margin:5px;background-color:#ddd;cursor:pointer}label p:hover{filter:brightness(.9)}label p:before{display:flex;content:"";background-color:#fff;width:1.5em;height:1.5em;border-radius:50%;margin-right:.375em;border:5px solid transparent}.container{width:100%;display:flex;justify-content:center;align-items:center}