MusicTopus/sass/box.scss

.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;

    @include transition() {}

    &.mini {
        margin: auto;
        width: calc(100% - 2rem);

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

    h1 {
        margin-top: 0;
    }

    button {
        margin-top: 2rem;
    }
}