.archive-embed {
    display: block;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #8ba4b3;
    border-radius: 4px;
    background: #edf3f6;
    color: #172f3e;
    line-height: 1.5;
}
.archive-embed__copy { display: block; margin-bottom: .6rem; }
.archive-embed button, .archive-revoke {
    border: 1px solid #27485b;
    border-radius: 4px;
    padding: .55rem .8rem;
    background: #27485b;
    color: #fff;
    font: inherit;
    cursor: pointer;
}
.archive-embed a { margin-left: .6rem; color: #172f3e; text-decoration: underline; }
.archive-embed button:focus-visible, .archive-embed a:focus-visible, .archive-revoke:focus-visible {
    outline: 3px solid #bf5700;
    outline-offset: 3px;
}
.archive-embed-loaded { display: block; }
.archive-revoke { margin: 1rem; }
.archive-revoke[hidden] { display: none; }

#footer-box .archive-revoke {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin: 0 .5rem;
    padding: 0 .2rem;
    border: 0;
    border-radius: 2px;
    background: transparent;
    color: #27485b;
    text-decoration: underline;
    text-underline-offset: .15em;
    vertical-align: baseline;
}
#footer-box .archive-revoke:hover { color: #172f3e; }
#footer-box .archive-revoke[hidden] { display: none; }