.courseitem{display:flex;flex-direction:column;border:1px solid var(--color-gray-light);border-radius:10px;width:min(100%,347px);max-width:320px;height:auto;opacity:.3;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;transition-delay:var(--course-delay,0s);will-change:transform,opacity}.courseitem.is-visible{opacity:1;transform:translateY(0)}.courseitem__image{border-radius:10px 10px 0 0;overflow:hidden}.courseitem__image img{display:block;width:100%!important;min-width:260px!important;height:100%!important;object-fit:cover!important}.courseitem__button{display:flex;justify-content:center;align-items:center;gap:10px;padding:16px;background:var(--color-white);border-radius:0 0 10px 10px;border:1px solid var(--color-gray-light)}.courseitem__button a,.courseitem__button__container{display:flex;justify-content:center;width:100%}.courseitem__button a{max-width:360px;align-items:center;gap:10px;border:1px solid var(--color-green);background:var(--color-white);padding:0 24px;min-height:48px;border-radius:100px;text-decoration:none;white-space:nowrap;text-align:center}.courseitem__button a p{font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:600;color:var(--color-green);line-height:22px}.courseitem__button a svg{width:18px;height:8px}@media(min-width:512px){.courseitem{width:347px}.courseitem__image img{width:100%!important}}@media(min-width:768px){.courseitem{width:327px}}@media(min-width:1024px){.courseitem{width:367px}}@media(min-width:1280px){.courseitem{width:360px}}@media(min-width:1440px){.courseitem{width:380px}}@media(min-width:1536px){.courseitem{width:400px}}