/*noinspection DuplicatedCode,CssUnresolvedCustomProperty*/ div#archive-menu { position: fixed; top: 20px; right: 20px; text-align: right; font-size: 16px !important; padding: 10px; overflow: hidden; height: unset; width: unset; max-width: 0; max-height: 0; transition: max-height 0.5s ease-out, max-width 0.5s ease-out; border: 1px solid var(--border-color, var(--color, black)); background: var(--background-image, var(--background-color, white)); background-attachment: fixed; color: var(--color, black); } div#archive-menu a { display: block; visibility: hidden; transition: visibility 0s; } div#archive-menu a:hover { text-decoration: underline; text-decoration-style: wavy; } div#archive-menu #hrt { font-family: sans-serif !important; display: block; position: absolute; top: -1px; right: 5px; opacity: 100%; transition: opacity 0.5s ease-out; } div#archive-menu:hover { max-width: 200px; max-height: 200px; transition: max-height 0.5s ease-in, max-width 0.5s ease-in; } div#archive-menu:hover a { visibility: visible; transition-delay: 0.5s; } div#archive-menu:hover #hrt { opacity: 0; transition: opacity 0.5s ease-in; }