.scd-icon {
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  vertical-align: -0.2em;
  flex-shrink: 0;
  color: currentColor;
}

.scd-icon--sm { width: 14px; height: 14px; }
.scd-icon--md { width: 18px; height: 18px; }
.scd-icon--lg { width: 32px; height: 32px; }
.scd-icon--xl { width: 44px; height: 44px; }

.scd-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.scd-icon-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.scd-icon-only-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}