.course-index .box_course
{
    animation-name: out_index_box;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
}

.course-index .box_course:hover
{
    animation-name: hover_index_box;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.marcetVideoBox
{
    padding: 20px;
    width: 100%;
    background-color: white;
    border-radius: 5px;
}

.marcetVideoButton
{
    display: flex;
    margin-bottom: 3px;
    background-color: #e2e4ec;
    border: solid 2px #242144;
    padding: 5px 15px;
    border-radius: 100px;
    width: 100%;
}