.price-jump {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.price-jump a {
  padding: 11px 16px;
  color: #07577a;
  background: #fff;
  border: 1px solid #9fcbd7;
  font-size: 13px;
  font-weight: 700;
}

.price-jump a:hover {
  color: #fff;
  background: #07577a;
}

.price-list {
  scroll-margin-top: 20px;
}

.specialty-list,
.professional-list {
  background: #06233a;
  border-top: 1px solid #ffffff24;
}

.professional-list {
  background: #041b2e;
}

.price-list .pro-course {
  background: #06304d;
}

.price-list .pro-course th::after {
  content: "PRO COURSE";
  display: inline-block;
  margin-left: 14px;
  padding: 4px 7px;
  color: #002c43;
  background: var(--cyan);
  font: 600 9px Oswald;
  letter-spacing: .12em;
}

.padi-course-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(143, 221, 234, .55);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}

.padi-course-link span {
  margin-left: 5px;
  color: var(--cyan);
  font-size: .8em;
}

.padi-course-link:hover,
.padi-course-link:focus-visible {
  color: var(--cyan);
  text-decoration-color: var(--cyan);
}

@media (max-width: 560px) {
  .price-jump { flex-direction: column; }
  .price-list .pro-course th::after {
    display: block;
    width: max-content;
    margin: 8px 0 0;
  }
}