@import "styles/_typography.scss";
@import "styles/_mixins.scss";

.brand-assets-hero {
    text-align: center;
    padding-bottom: 88px;
    .title {
        max-width: 900px;
        margin: 0 auto;
    }
    .description {
        margin: 24px auto 40px;
        max-width: 480px;
        opacity: 0.6;
    }
    .download-button {
        margin: 0 auto;
    }
    .instruction {
        margin: 24px auto 0;
        opacity: 0.6;
    }
    @include w($sm) {
        padding-bottom: 64px;
        .description {
            margin: 16px auto 32px;
        }
        .download-button {
            width: 100%;
        }
    }
}

• [F] index.jsx
  Delete
• [F] styles.scss
  Delete