/**
 * This file was automatically generated. Please run `npm run dist` to update.
 */

/**
 * @file
 * SPFOD Attachment component styles.
 *
 * Minimal styles - just the View button using theme colors.
 */
.spfod-attachment__view-btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
  background: var(--ct-button-light-primary-background-color);
  color: var(--ct-button-light-primary-color) !important;
  border: var(--ct-button-border-width) solid var(--ct-button-light-primary-border-color);
  border-radius: var(--ct-button-border-radius);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.spfod-attachment__view-btn:hover {
  background: var(--ct-button-light-primary-hover-background-color);
  border-color: var(--ct-button-light-primary-hover-border-color);
  color: var(--ct-button-light-primary-hover-color) !important;
  text-decoration: none;
}
.spfod-attachment__view-btn:focus {
  outline: 2px solid var(--ct-button-light-primary-focus-outline-color);
  outline-offset: 2px;
}
.spfod-attachment__view-btn:visited {
  color: var(--ct-button-light-primary-visited-color) !important;
}

.ct-theme-dark .spfod-attachment__view-btn {
  background: var(--ct-button-dark-primary-background-color);
  color: var(--ct-button-dark-primary-color) !important;
  border-color: var(--ct-button-dark-primary-border-color);
}
.ct-theme-dark .spfod-attachment__view-btn:hover {
  background: var(--ct-button-dark-primary-hover-background-color);
  border-color: var(--ct-button-dark-primary-hover-border-color);
  color: var(--ct-button-dark-primary-hover-color) !important;
}
.ct-theme-dark .spfod-attachment__view-btn:focus {
  outline-color: var(--ct-button-dark-primary-focus-outline-color);
}
.ct-theme-dark .spfod-attachment__view-btn:visited {
  color: var(--ct-button-dark-primary-visited-color) !important;
}