.o-ui-popover {
    background-color: var(--o-ui-alias-background-1);
    padding: var(--o-ui-global-scale-foxtrot);
    padding-top: var(--o-ui-global-scale-delta);
    border-radius: var(--o-ui-shape-rounded);
    box-shadow: var(--o-ui-alias-elevation-raised);
    /* Must keep a max width. */
    width: 325px;
    position: relative;
}

/* HEADER | SECTION */
.o-ui-popover-header-section {
    margin-bottom: var(--o-ui-global-scale-bravo);
}

/* CONTENT */
.o-ui-popover-content {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

/* FOOTER | SECTION */
.o-ui-popover-footer-section {
    margin-top: var(--o-ui-global-scale-delta);
    display: grid;
    align-items: center;
    grid-template-columns: max-content auto;
    grid-template-areas: "text button";
}

/* FOOTER | TEXT */
.o-ui-popover-footer {
    grid-area: text;
    margin-right: var(--o-ui-global-scale-bravo);
}

/* BUTTONS */
.o-ui-popover-button {
    grid-area: button;
    justify-self: end;
}

.o-ui-popover-button-group {
    grid-area: button;
    justify-self: end;
}