.popover {
    min-width: $popover-min-width;
    background-color: var(--white);
    border: $default-border;
    border-radius: $border-radius;
    box-shadow: 0 2px 4px rgb(var(--deprecated-stratos-rgb) / 40%);
}

.popover-body {
    padding: $button-padding-x;
}

.popover-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: $popover-footer-y-padding $button-padding-x;
    overflow: hidden;
    background-color: var(--white);
    border-top: solid 1px var(--deprecated-medium-grey);
    border-radius: 0 0 $border-radius $border-radius;
}

.popover-navigation-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: $popover-navigation-section-width;
    background-color: var(--white);
    border-right: $default-border;
    border-radius: $popover-navigation-section-border-radius;
    cursor: pointer;

    .back {
        margin-top: $popover-back-margin-top;
    }
}