.rm-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.rm-content {
    height: 100px;
    /* הגובה שיוצג בהתחלה */
    overflow: hidden;
    position: relative;
    transition: height 0.5s ease;
}

/* אפקט הדהייה */
.rm-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    /* דהייה לבן, שנה לצבע הרקע שלך */
    background: linear-gradient(transparent, white); /* וודא שצבע הסיום (כרגע white) מתאים לרקע של האתר של הלקוח. אם הרקע של האתר אפור,
            הדהייה ללבן תיראה כמו כתם. */
    pointer-events: none;
}

.rm-button {
	display:inline-block;
	width:100%;
    margin-top: 10px;
    padding: 0.3rem 0.8rem !important;
    background: #0073aa;
    color: white;
    border: 2px solid rgba(0,0,0,0.3) !important;
    cursor: pointer;
    border-radius: 400px !important;
    font-size: 1.4rem !important;
}

/* כשהתוכן פתוח - מסתירים את הדהייה ומשנים את הכפתור */
.rm-wrapper.is-open .rm-overlay {
    display: none;
}

.rm-wrapper.is-open .rm-content {
    height: auto;
}