.radio-input-lista-convidados {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .radio-input-lista-convidados * {
     box-sizing: border-box;
     padding: 0;
     margin: 0;
     margin-bottom: 8px;
 }

 .radio-input-lista-convidados label {
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 0px 20px;
     width: 100%;
     cursor: pointer;
     height: 50px;
     position: relative;
     border-radius: 10px;
     border: 1px solid salmon;
 }

 .radio-input-lista-convidados label::before {
     position: absolute;
     content: "";
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     height: 45px;
     z-index: -1;
     transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     border-radius: 10px;
     border: 2px solid transparent;
 }

 .radio-input-lista-convidados label:hover::before {
     transition: all 0.2s ease;
     background-color: #582a3036;

 }

 .radio-input-lista-convidados .label-lista-convidados:has(input:checked)::before {
     background-color: #46cf5dff;
     border-color: #03580aff;
     height: 50px;
 }

 .radio-input-lista-convidados .label-lista-convidados .text {
     color: #582a30;
 }

 .radio-input-lista-convidados .label-lista-convidados input[type="radio"] {
     background-color: #202030;
     appearance: none;
     width: 17px;
     height: 17px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .radio-input-lista-convidados .label-lista-convidados input[type="radio"]:checked {
     background-color: #582a30;
     -webkit-animation: puls 0.7s forwards;
     animation: pulse 0.7s forwards;
 }

 .radio-input-lista-convidados .label-lista-convidados input[type="radio"]:before {
     content: "";
     width: 6px;
     height: 6px;
     border-radius: 50%;
     transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
     /* background-color: #fff; */
     transform: scale(0);
 }

 .radio-input-lista-convidados .label-lista-convidados input[type="radio"]:checked::before {
     transform: scale(1);
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
     }

     70% {
         box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     }
 }