.wp-block-content-design-community-hero {
    padding: 40px 30px 50px;
    margin-bottom: 12px;
    width: 100%;
    background-color: #000000;
    background: linear-gradient(170deg, #393A3D 0%, #000000 100%);
}
.community-hero-content {
    max-width: 1024px;
    margin: 0 auto;
}

.wp-block-content-design-community-hero h1 {
    margin-top: 0;
    color: #ffffff;
    /*font-weight: bold;*/
    font-size: 52px;
    line-height: 65px;
}
.wp-block-content-design-community-hero h1 span.pink {
    display: block;
    color: #FF88EC;
}

.wp-block-content-design-community-hero h1::after {
    content: ' ';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9007a+0,ff88ec+44,ffffff+47,ffffff+54,ff88ec+58,ff88ec+100 */
    background: #c9007a; /* Old browsers */
    background: -moz-linear-gradient(left,  #c9007a 0%, #c9007a 47%, transparent 47%, transparent 54%, #ff88ec 54%, #ff88ec 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #c9007a 0%,#c9007a 47%,transparent 47%,transparent 54%,#ff88ec 54%,#ff88ec 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #c9007a 0%,#c9007a 47%,transparent 47%,transparent 54%,#ff88ec 54%,#ff88ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9007a', endColorstr='#ff88ec',GradientType=1 ); /* IE6-9 */
    display: block;
    width: 64px;
    height: 4px;
    margin-top: 40px;
}
.wp-block-content-design-community-hero p {
    font-size: 17px;
    line-height: 25px;
    color: #F4F5F8;
    margin-bottom: 40px;
}
.wp-block-content-design-community-hero a {
    display: inline-block;
    background-color: #ffffff;
    color: #393A3D;
    text-decoration: none;

    padding: 10px 49px;
    border-radius: 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    border: 2px solid #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.wp-block-content-design-community-hero a:visited {
    color: #393A3D;
    background-color: #ffffff;
    text-decoration: none;
}
.wp-block-content-design-community-hero a:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none;
}
@media (min-width: 561px) {
    .community-hero-content {
        max-width: 561px;
        margin: 0 auto;
    }
    .community-hero-content h1 {
        font-size: 72px;
        line-height: 86px;
    }
}
@media (min-width: 1084px) {
    .community-hero-content {
        max-width: 1024px;
        margin: 0 auto;

    }
    .community-hero-content p, .community-hero-content a {
        max-width: 432px;
        margin-left: 590px;
    }
}