.field--name-description-content {
    width: 100%;
    max-height: 250px; /* กำหนดความสูงเริ่มต้น */
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease-in-out;
}

.fade-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px; /* กำหนดขนาดของเฟดเอฟเฟกต์ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(248, 249, 250, 1) 100%);
    pointer-events: none;
}

.toggle-button {
    cursor: pointer;
    color: var(--dark);
    text-decoration: underline;
    display: block;
    margin-top: 10px;
    margin-bottom:50px;
}

.dark-mode .fade-overlay {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(34, 34, 34, 1) 100%);
}
.dark-mode .toggle-button {
	color:var(--light);
}