.sessions .sessions-slider .scroll-item{
    min-height: 66px;
    display: flex;
    justify-content:center;
    align-items: center;
    text-align: center;
    border: none;
    color: var(--white);
    background-color: var(--background-primary);
    width: 150px !important;
    position: relative;
}

.sessions .sessions-slider {
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

.sessions .sessions-slider .scroll-item p{
    font-size: 12px;
}


.scroll-item .favorite{
    position: absolute;
    transform: rotate(45deg);
    background-color: var(--dark-mode);
    color: var(--white);
    /* font-weight: bold; */
    padding: 0px 10px;
    right: -5px;
    top: 19px;
    z-index: 1;
    font-size: var(--step-8);
    text-align: center;
}

/* Left 90° Triangle Tip */
.scroll-item .favorite::before {
    content: "";
    position: absolute;
    right: -14.5px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid var(--dark-mode);
    border-right: 15.5px solid transparent;
}

/* Right 90° Triangle Tip */
.scroll-item .favorite::after {
    content: "";
    position: absolute;
    left: -16px;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid var(--dark-mode);
    border-left: 17px solid transparent;
}

@media screen and (max-width:600px) {

    .scroll-item .favorite{
        top: 18px;
    }

    .scroll-item .favorite::before {
        right: -14.5px;
        top: 0;
        border-bottom: 14px solid var(--dark-mode);
        border-right: 15.5px solid transparent;
    }

    /* Right 90° Triangle Tip */
    .scroll-item .favorite::after {
        left: -16px;
        top: 0;
        border-bottom: 14px solid var(--dark-mode);
        border-left: 17px solid transparent;
    }
}