/* Стилі для вашого шорткоду */
.enrollment_form{
    padding:10px;
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --overlay-opacity: 0.5;
    
    border-width: 1px 1px 1px 1px;
    --border-top-width: 1px;
    --border-right-width: 1px;
    --border-bottom-width: 1px;
    --border-left-width: 1px;    
    overflow: visible;
    border-radius: var(--border-radius);
    
    /*
    border-color: #DEDEDDED;
    --border-color: #DEDEDDED;
    --border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 30px 50px 1px rgba(51, 51, 51, 0.08);
    border-style: dashed;
    --border-style: dashed;
    */
	
	max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
    padding: 0 20px; /* Початковий padding, що не анімується */
    margin-top: 10px;
    
}
.enrollment_form.visible {          
    max-height: 1500px; /* Велика висота, щоб вмістити контент */
    opacity: 1;
    padding: 20px; /* Кінцевий padding, який також анімується */
 }
#course-purchase-form div {
    margin:20px 0px
}
#course-purchase-form .reca_course_form_button{
    color: var(--e-global-color-3e8ab05f);
    font-weight: 500;
    background-color: #0EB582;
    border-style: none;
    border-radius: 5px;
    padding-block: 5px 5px;
    padding-inline: 25px 25px;
    cursor: pointer;
}
#course-purchase-form input, #course-purchase-form select{
    border: 1px solid #eaeaea;
    font-size: 20px;
    padding: 10px;
	width:400px;
}

#course-purchase-form .reca_course_form_button:hover{
    color: var(--e-global-color-3e8ab05f);
    background-color: var(--e-global-color-57375f0f);
}

.valid{
	color:red;
	text-decoration:none;
}