.course-hero-badges{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px}
.course-hero-badges form{margin:0}
.course-action-badge{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid transparent;border-radius:99px;font-size:.69rem;font-weight:750;letter-spacing:.075em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:color .18s,background .18s,border-color .18s,transform .18s}
.course-hero .course-action-badge:hover,.course-hero .course-action-badge:focus-visible{text-decoration:none;transform:translateY(-1px)}
.course-action-badge.enroll{color:#b8f1d3;background:#183f37;border-color:#34705d}
.course-action-badge.enroll:hover{color:#0f5237;background:#dff6e9;border-color:#8bc7a6}
.course-action-badge.diagnostic{color:#d9d3ff;background:#302d61;border-color:#585286}
.course-action-badge.diagnostic:hover{color:#4f3eaf;background:#eeeaff;border-color:#aca1e4}
.course-action-badge.community{color:#bcecf4;background:#164456;border-color:#337386}
.course-action-badge.community:hover{color:#116176;background:#e2f7fb;border-color:#8acbd7}
@media(max-width:600px){.course-hero-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.course-hero-badges form,.course-action-badge{width:100%}.course-action-badge{padding-inline:8px;font-size:.63rem}}