3schools

.nJ{ position: fixed; left: 0; bottom: 0; right: 0; padding: 18px 20px; color: #e51661; background: #fce8e8; font:small/1.3 'Fira Sans', sans-serif; box-shadow: 0 -5px 30px -8px rgb(0 0 0 / 8%); z-index: 18; } .nJ:not([open]) { display: none; } .nJ summary { list-style: none; outline: none; cursor: default; position: absolute; bottom: 12px; right: 20px; } .nJ span.c { display: flex; align-items: center; gap: 5px; font-weight: 500; } .nJ span::before { content: attr(data-text); }