.widget-custom-h2 {
    margin: 0 auto;
    padding: var(--space-10) var(--space-5);
}

@media screen and (max-width: 1023px) {
    .widget-custom-h2 {
        padding: var(--space-8) var(--space-5);
    }
}
@media screen and (max-width: 639px) {
    .widget-custom-h2 {
        padding: var(--space-6) var(--space-5);
    }
}

.widget-custom-h2 h2 {
    font-family: var(--font-display);
    color: var(--pink);
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -1.5px;
    word-spacing: -0.1em;
    text-align: center;
}

@media (min-width: 64em) {
    .widget-custom-h2 { max-width: var(--width-base); }
}

.widget-custom-h2.text-left { text-align: left; }
.widget-custom-h2.text-center {
	text-align: center;
 }
.widget-custom-h2.text-right { text-align: right; }

.widget-custom-h2.pink h2,
.widget-custom-h2.pink:hover a {
    color: var(--pink); /* #e11f8f */
}

.widget-custom-h2.purple h2,
.widget-custom-h2.purple:hover a {
    color: var(--purple); /* #a42375 */
}

.widget-custom-h2.teal h2,
.widget-custom-h2.teal:hover a {
    color: var(--dark-green); /* #077660 */
}

.widget-custom-h2.orange h2,
.widget-custom-h2.orange:hover a {
    color: var(--orange); /* #f4922b */
}