.vn-dialog {
    display: none;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(1,1,1,.4);

    button.close {
        position: absolute;
        top: 0;
        right: 0;
        border-style: none;
        background-color: transparent;
        padding: .3em;
        cursor: pointer;

        vn-icon {
            display: block;

            i {
                display: block;
            }
        }

        &:hover {
            background-color: rgba(0, 0, 0, .1);
        }
    }
    & > div {
        position: relative;
        box-shadow: 0 0 .4em rgba(1,1,1,.4);
        background-color: white;
        border-radius: .2em;
        overflow: auto;
        top: 50%;
        left: 50%;
        padding: 2em;
        box-sizing: border-box;

        width: 28em;
        margin-top: -10em;
        margin-left: -14em;
    }
    .button-bar {
        margin-top: 1.5em;
        text-align: right;

        button {
            background: none;
            border: none;
            text-transform: uppercase;
            font-size: 1.1em;
            color: #ffa410;
            font-family: vn-font-bold;
            cursor: pointer;
            padding: .5em;
            margin: -0.5em;
            margin-left: .5em;

            &:hover {
                background-color: rgba(1,1,1,.1);
            }
        }
    }
}