@import "md3.css";

.wm-button-vstack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: max-content;
}

.wm-button-vstack > * {
    margin: 1rem;
    align-self: stretch;
}

.wm-button-vstack > p {
    text-align: center;
}

.wm-link-button {
    text-decoration: none;
}

.wm-cookies-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--md3-banner-background);
    color: var(--md3-text-color);
    padding: 0.5rem;
    text-align: left;
    border-top: 1px solid var(--md3-border-color);
}

.wm-cookies-banner-hidden {
    display: none;
}

.wm-cookies-banner > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wm-cookies-banner p {
    flex-grow: 1;
    margin: 0.5rem;
}

.wm-cookies-banner > div > div {
    flex-grow: 0;
}

.wm-cookies-banner button {
    margin-left: 0.5rem;
}

.wm-btns-cntnr {
    margin: 20px 75px;
    &:not(.wm-not-displayed) {
        display: flex;
    }
    flex-direction: column;
    /* gap: 20px; */
    align-items: stretch;
}

.wm-btns-cntnr > * {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.wm-not-displayed {
    display: none;
}