.bottomArrow {
    position: relative;
}
.bottomArrow::before,
.bottomArrow::after {
    z-index: -1;
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    /* clip-path: polygon(50% 100%, 0 0, 100% 0); */
    background-color: #252525;
    /* clip-path: polygon(23% 45%, 100% 0, 21% 89%, 0% 0%); */
    clip-path: polygon(21% 100%, 0 0, 100% 0);
}
.bottomArrow::after {
    background: linear-gradient(to right, #957bff 0%, #fe72a1 100%);
    /* background-color: var(--mColor); */
    z-index: 1;
    /* clip-path: polygon(50% 65%, 100% 0, 50% 100%, 0 0); */
    clip-path: polygon(23% 45%, 100% 0, 21% 89%, 0% 0%);
}