.m2o-heading__match {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.m2o-heading__match-text {
    position: relative;
    z-index: 2;
}

.m2o-heading__match-decoration {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    display: block;
}

.m2o-heading__match-decoration svg {
    display: block;
}

/* Circle variants */
.m2o-heading__match-decoration--circle,
.m2o-heading__match-decoration--circle-2 {
    top: 50%;
    left: 50%;
    width: 250%;
    height: 250%;
    transform: translate(-50%, -50%);
}

.m2o-heading__match-decoration--circle svg,
.m2o-heading__match-decoration--circle-2 svg {
    width: 100%;
    height: 100%;
}

.m2o-heading__match-decoration--underline {
    left: -2em;
    right: -2em;
    bottom: 0;
    transform: translateY(70%) rotate(10deg); /* add rotate here */
    height: auto;
}

.m2o-heading__match-decoration--underline svg {
    display: block;
    width: 100%;
    height: auto;
}

.m2o-heading__inner {
    position: relative;
    display: inline-block;
}

.m2o-heading__content {
    position: relative;
    z-index: 2;
}

.m2o-heading__arrow {
    position: absolute;
    pointer-events: none;
    z-index: 3;
    display: block;
}

.m2o-heading__arrow svg {
    display: block;
    width: 100%;
    height: auto;
}

/* Arrow up: left + bottom, pointing up into title */
.m2o-heading__arrow--arrow-up {
    left: -2.4em;
    bottom: -2.5em;
}

/* Arrow down: right + top, pointing down into title */
.m2o-heading__arrow--arrow-down {
    right: .5em;
    top: -2.5em;
}

.m2o-heading__arrow--arrow-up,
.m2o-heading__arrow--arrow-down {
    width: 4em;
}