.about-video-cta {
  margin-top: clamp(0.75rem, 2vh, var(--spacing-xl));
  text-align: left;
  padding: clamp(1rem, 2vh, var(--spacing-xl));
  background: rgba(249, 115, 22, 0.04);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(249, 115, 22, 0.08);
  transition: box-shadow var(--transition-base), background var(--transition-base);
}

.about-video-cta:hover {
  background: rgba(249, 115, 22, 0.06);
  box-shadow: 0 4px 20px rgba(249, 115, 22, 0.06);
}

.about-video-cta .cta-title {
  font-size: clamp(1.1rem, 2.5vw, var(--font-size-2xl));
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: clamp(0.25rem, 1vh, var(--spacing-md));
  text-align: left;
}

.about-video-cta .cta-text {
  font-size: clamp(0.75rem, 1.5vw, var(--font-size-base));
  color: var(--color-text-light);
  margin-bottom: clamp(0.5rem, 1.5vh, var(--spacing-lg));
  line-height: 1.6;
  text-align: left;
}

.about-video-cta .cta-actions {
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, 1.5vh, var(--spacing-md));
  text-align: left;
}

.about-video-cta .btn {
  padding: clamp(0.4rem, 1vh, 0.75rem) clamp(0.75rem, 1.5vw, 1.5rem);
  font-size: clamp(0.65rem, 1.2vw, var(--font-size-sm));
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.about-video-cta .btn-primary {
  background: var(--color-secondary);
  color: var(--color-white);
}

.about-video-cta .btn-primary:hover {
  background: #EA580C;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(249, 115, 22, 0.35);
}

.about-video-cta .btn-outline {
  background: transparent;
  color: var(--color-primary);
  border: 1.5px solid var(--color-secondary);
}

.about-video-cta .btn-outline:hover {
  background: var(--color-secondary);
  color: var(--color-white);
  border-color: var(--color-secondary);
  transform: translateY(-2px);
}