.certifications {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  gap: calc(var(--gap) * 0.75);
  margin-bottom: var(--gap);
}
.certifications__item {
  border-radius: var(--border-radius-smaller);
  background-color: var(--color-white);
  overflow: hidden;
  border: 1px solid var(--color-border);
}
.certifications__image {
  aspect-ratio: 16/9;
}
.certifications__content {
  padding: calc(var(--gap) * 0.75);
}
.certifications__title {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-medium);
  font-optical-sizing: auto;
  letter-spacing: var(--letter-spacing);
  color: var(--color-primary);
  font-size: var(--font-size-24);
  line-height: 1.25;
  transition: var(--transition);
}
.certifications__description {
  font-size: var(--font-size-16);
  line-height: calc(1.3333333333 / 1em);
  transition: var(--transition);
  color: var(--color-primary);
  margin: 0.5em 0;
}
.certifications__course {
  display: flex;
  line-height: 1.1;
  align-items: center;
  justify-content: space-between;
  gap: 0.25em;
  font-size: var(--font-size-14);
  color: var(--color-primary);
  --opacity: 0.25;
}
.certifications__course:hover {
  --opacity: 1;
}
.certifications__course:not(:last-child) {
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 0.5em;
}
.certifications__course-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.certifications__tag {
  padding: 0.25em 0.5em;
  border-radius: 1em;
  background-color: var(--color-background);
  color: var(--color-primary);
  font-size: var(--font-size-14);
}
.certifications__button.button {
  --button-font-size: var(--font-size-14);
  --button-padding: 0.5em 1em;
  opacity: var(--opacity, 1);
}