:root {
      --main: #f4e9d0;
    --accent: #8b0000;
    --second-accent: #d4af37;
}

.zag {
    position: relative;

    color: var(--second-accent);
    background: var(--accent);

    font-size: 2.5em;
    font-weight: normal;
    line-height: 1;

    padding: 10px 40px;

    display: inline-block;

    /* нормальное центрирование */
    margin: 0 auto 40px auto;
}

/* линия снизу */
.zag:before {
    content: "";
    position: absolute;

    width: 100%;
    height: 4px;

    left: 0;
    bottom: -15px;

    background: var(--second-accent);
}

/* декоративный треугольник */
.zag:after {
    content: "";
    position: absolute;

    height: 0;
    width: 80%;

    border-top: 10px solid var(--accent);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;

    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
}