.box {
    background-color: var(--box-bg-color);
    border-radius: 6px;
    box-shadow: var(--box-shadow-color) 0px 3px 6px 0px;
    color: var(--font-color);
    display: block;
    padding: 1.25rem;
    width: calc(100% - 2rem);
    margin: auto;
    @include transition() {}

    @include respond-to("small-up") {
       width: 65%;
    }
    @include respond-to("medium-up") {
       width: 35%;
    }

    h1 {
        margin-top: 0;
    }

    button {
        margin-top: 2rem;
    }
}