.restricted-content { display: flex; width:100%; gap:0.5rem; flex-direction: column; background-color: #fbfbfb; margin:1rem 0; }
.restricted-content > div { display: flex; width:100%; align-items: center; gap:1rem; justify-content: flex-start; flex-direction: row; }

#restricted-page { text-align: center; margin:0 auto 2rem; padding-left:1rem; padding-right:1rem; }
#restricted-action { display:flex; gap:2rem; margin-top:2rem; flex-direction: column; }
#restricted-action > div { flex:1 0 30%; }
#restricted-action > form { flex:1 0 70%; }
#restricted-action > form div { position:relative; width:100%; }
#restricted-action > form input { box-sizing: border-box; display:block; border:1px solid rgb(var(--black)); width:100%; padding:0.5rem 1rem; }
#restricted-action > form button { position:absolute; right:1rem; top:50%; margin-top:-0.7rem; z-index:99; border:0; background-color: transparent; }

@media (min-width: 992px) { 
    .restricted-content { padding:2rem 5rem; } 
    /* pagina restricted */
    #restricted-page { max-width: 52rem; margin-top:5rem; margin-bottom:5rem; }
    #restricted-action { margin-top:2rem; flex-direction: row; }
}