/**
 * Design 2 icon presentation — ONLY under premium layout. Design 1 unaffected.
 */
#card-shell.layout-shell[data-layout="premium"] .d2-icon,
.layout-preview-shell[data-layout="premium"] .d2-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--d2-icon-fg);
}

#card-shell.layout-shell[data-layout="premium"] .d2-icon-svg,
.layout-preview-shell[data-layout="premium"] .d2-icon-svg {
  display: block;
  width: 100%;
  height: 100%;
}

#card-shell.layout-shell[data-layout="premium"] .action-btn__icon.d2-icon,
.layout-preview-shell[data-layout="premium"] .action-btn__icon.d2-icon {
  background: var(--d2-tile-bg);
  border-radius: var(--d2-tile-radius);
  color: var(--d2-icon-fg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

#card-shell.layout-shell[data-layout="premium"] .action-btn__icon.d2-icon svg,
.layout-preview-shell[data-layout="premium"] .action-btn__icon.d2-icon svg {
  width: 56%;
  height: 56%;
}

#card-shell.layout-shell[data-layout="premium"] .contact-row__icon.d2-icon,
.layout-preview-shell[data-layout="premium"] .contact-row__icon.d2-icon {
  background: var(--d2-tile-bg);
  border-radius: var(--d2-tile-radius);
  color: var(--d2-icon-fg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

#card-shell.layout-shell[data-layout="premium"] .contact-row__icon.d2-icon svg,
.layout-preview-shell[data-layout="premium"] .contact-row__icon.d2-icon svg {
  width: 50%;
  height: 50%;
}

#card-shell.layout-shell[data-layout="premium"] .social-icon.d2-social-icon,
.layout-preview-shell[data-layout="premium"] .social-icon.d2-social-icon {
  background: var(--d2-social-brand, var(--d2-social-tile-bg));
  color: var(--d2-social-fg-on-brand);
  border-radius: var(--d2-tile-radius);
}

#card-shell.layout-shell[data-layout="premium"] .social-icon.d2-social-icon.d2-social-icon--on-dark,
.layout-preview-shell[data-layout="premium"] .social-icon.d2-social-icon.d2-social-icon--on-dark {
  color: var(--d2-social-fg-on-dark);
}

#card-shell.layout-shell[data-layout="premium"] .social-icon.d2-social-icon svg,
.layout-preview-shell[data-layout="premium"] .social-icon.d2-social-icon svg {
  width: 54%;
  height: 54%;
}

#card-shell.layout-shell[data-layout="premium"] .pill-btn--qr-header .header-qr-icon,
#card-shell.layout-shell[data-layout="premium"] .pill-btn--edit-toggle .edit-toggle-icon,
#card-shell.layout-shell[data-layout="premium"] .menu-toggle-btn {
  color: var(--d2-ui-icon);
}

#card-shell.layout-shell[data-layout="premium"] .social-carousel__nav {
  color: var(--d2-ui-icon);
}