// ============================================================================
// :: Icon button
// ============================================================================
/**
 * Scope defined especially for the visual representation of an icon button
 */

// ============================================================================
// :: Root
// ============================================================================
.s-icon-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

  .a-icon-button {
    margin-bottom: 2rem;

    &:last-child {
      margin: 0;
    }
  }
}

// ============================================================================
// :: Modifiers
// ============================================================================
.s-icon-button--theme-white {
  padding: 5rem;

  background-color: $bp-primary-color;
}