/* assets/css/components/sidebar-block-specialist-cta.css
 * @layer components — Sidebar block: Specialist CTA card
 *
 * Teal gradient "Talk to a Specialist" card. Used inside .vimta-sidebar
 * across blog, event, resource, case-study singles and the sector sidebar.
 * ════════════════════════════════════════════════════════════════════ */

@layer components {

  .vimta-specialist-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-s);
    padding: var(--space-xl) var(--space-l);
    background: var(--card-gradient-primary);
    border-radius: var(--radius-xs);
    text-align: center;
  }

  .vimta-specialist-cta__icon {
    color: var(--text-on-primary);
    opacity: var(--opacity-icon-muted);
  }

  .vimta-specialist-cta__heading {
    margin: 0;
    font-size: var(--text-l);
    font-weight: var(--weight-bold);
    color: var(--text-on-primary);
  }

  .vimta-specialist-cta__btn {
    inline-size: 100%;
    justify-content: center;
  }

}