.driver-media-expand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid #7983f5;
  border-radius: 0.35rem;
  background: rgba(88, 101, 242, 0.14);
  color: #c9ceff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.driver-media-expand:hover,
.driver-media-expand:focus-visible {
  border-color: #aeb4ff;
  background: rgba(88, 101, 242, 0.3);
  color: #fff;
}

.driver-media-expand .collapse-label,
.driver-media-expand[aria-expanded="true"] .expand-label {
  display: none;
}

.driver-media-expand[aria-expanded="true"] .collapse-label {
  display: inline;
}

@media (min-width: 1200px) {
  .driver-hero-grid.media-expanded .biography-panel {
    display: none;
  }

  .driver-hero-grid.media-expanded .driver-media {
    grid-column: 2 / 4;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .driver-hero-grid.media-expanded .biography-panel {
    display: none;
  }

  .driver-hero-grid.media-expanded .driver-media {
    grid-column: 1 / -1;
  }
}

@media (min-width: 768px) {
  .driver-hero-grid.media-expanded .embedded-card {
    max-width: 720px;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .driver-media-expand {
    display: none;
  }
}