.popup-box {
    z-index: 1000;
    position: fixed;
    padding: var(--content-padding);
    background-color: white;
    box-shadow: 0 0 10px var(--secondary-color);
    bottom: var(--content-spacing);
    left: var(--content-spacing);
    width: 500px;
    max-width: 75vw;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
}

.popup-text {
    flex-grow: 1;
    border-bottom: 1px solid var(--secondary-color);
    margin-bottom: calc(var(--content-spacing) / 2);
}

.popup-buttonrow {
    display: flex;
    margin-left: auto;
    gap: var(--content-spacing);
}