@use '../mixins/colors';

blockquote.notion-callout {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 16px 16px 16px 12px;
  display: flex;
  border-radius: 3px;

  @include colors.background-color;
  @include colors.foreground-color;

  .icon {
    height: 24px;
    width: 24px;
    border-radius: 0.25em;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .content {
    margin-left: 8px;
    padding-left: 2px;
    padding-right: 2px;
  }
}