.alert{position:absolute;top:50vh;left:50%;transform:translate(-50%, -50%);align-items:center;justify-content:center;flex-direction:column;gap:1em;margin:0;padding:1.5em 1em;width:90%;max-width:20em;border:0;border-radius:5px;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px}.alert a{display:inline-flex;gap:0.5em;align-items:center;color:#9e8e6d}.alert a .icon{font-size:0.6em}.alert b{text-transform:uppercase}.alert>div{display:flex;align-items:center;justify-content:center;gap:1em;color:#9e8e6d}.alert>div .icon{flex:0 0 auto;font-size:1.5em;color:#9e8e6d}.alert[open]{display:flex}.alert button{position:absolute;top:1rem;right:1rem;font-size:1.5em;color:#5f5f5f}@media (min-width:65em){.alert{padding:2em 1em;left:0;transform:translate(0, -50%);border-top-left-radius:0;border-bottom-left-radius:0}}