.pt {
    display: inline-block;
    background-color: var(--bg);
    color: var(--tc);
    padding: 5px 8px;
    border-radius: var(--br);
    font-size: var(--is);
    line-height: var(--is);
    position: relative;
    border: 1px solid var(--bc);
    margin-top: var(--mt);
    margin-bottom: var(--mb);
}

.pt::before,
.pt::after {
    content: "";
    position: absolute;
    left: calc(var(--ap) - 9px);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.ptu::before {
    bottom: 100%;
    border-bottom: 9px solid var(--bc);
}

.ptu::after {
    bottom: calc(100% - 1px);
    border-bottom: 9px solid var(--bg);
}

.pt:not(.ptu)::before {
    top: 100%;
    border-top: 9px solid var(--bc);
}

.pt:not(.ptu)::after {
    top: calc(100% - 1px);
    border-top: 9px solid var(--bg);
}