src/components/Download/QuickDownload/styles.module.css

/* Quick Download Component Styles */

.quickDownload {
  padding: var(--section-spacing-sm) 0;
  background: var(--blue4);
}

.quickDownloadCard {
  display: flex;
  align-items: center;
  gap: var(--ai-spacing-3xl);
  padding: var(--ai-spacing-3xl) var(--ai-spacing-4xl);
  background: linear-gradient(135deg, var(--ai-bg-primary) 0%, var(--ai-bg-secondary) 100%);
  border: 2px solid var(--ai-blue);
}

.quickDownloadContent {
  flex: 1;
}

.quickDownloadContent .capstext {
  margin-bottom: var(--ai-spacing-md);
}

.quickDownloadTitle {
  margin: 0 0 var(--ai-spacing-lg) 0;
}

.quickDownloadDesc {
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--ai-text-secondary);
  margin-bottom: 0;
}

.quickDownloadActions {
  display: flex;
  gap: var(--ai-spacing-md);
  margin-top: var(--ai-spacing-2xl);
}

.quickDownloadLinks {
  display: flex;
  align-items: center;
  gap: var(--ai-spacing-md);
  margin-top: var(--ai-spacing-xl);
  font-size: 1.5rem;
  color: var(--ai-text-secondary);
}

.quickDownloadLinks a {
  color: var(--ai-blue);
  text-decoration: none;
}

.quickDownloadLinks a:hover {
  text-decoration: underline;
}

.quickDownloadSeparator {
  color: var(--ai-border-medium);
  margin: 0 var(--ai-spacing-xs);
}

.quickDownloadImage {
  flex-shrink: 0;
  width: 320px;
}

.quickDownloadImage img {
  width: 100%;
  height: auto;
}

/* Responsive Styles */

@media (max-width: 992px) {
  .quickDownloadCard {
    flex-direction: column;
    text-align: center;
    padding: var(--ai-spacing-2xl);
  }

  .quickDownloadImage {
    order: -1;
    width: 240px;
  }

  .quickDownloadActions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .quickDownloadLinks {
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 576px) {
  .quickDownloadCard {
    padding: var(--ai-spacing-xl);
  }

  .quickDownloadDesc {
    font-size: 1.1rem;
  }

  .quickDownloadActions {
    flex-direction: column;
  }

  .quickDownloadActions :global(.button) {
    width: 100%;
    text-align: center;
  }

  .quickDownloadLinks {
    font-size: 1rem;
  }
}