.container {
    z-index: 1;
    .text-container {
        padding-block-start: 2px;
        padding-inline-end: 6px;
        padding-block-end: 2px;
        padding-inline-start: 6px;
    }

    .text {
        padding-block-start: 0;
        padding-inline-end: 0;
        padding-block-end: 0;
        padding-inline-start: 0;
    }
    .tip {
        float: right;
        border-style: solid;
        border-width: 0 0 6px 6px;
        height: 0;
        width: 0;
        filter: brightness(70%);
        &.left {
            float: left;
            //transform: rotate(90deg);
            border-width: 0 6px 6px 0;
        }
    }
}