.color-picker-container {
  display: flex;
  flex-direction: column;

  .swatch {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 3px solid #fff;
    box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.1),
      inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin-bottom: 8px;
  }

  .react-colorful {
    margin-bottom: 8px;
  }

  .buttons {
    display: flex;
    justify-content: center;
    gap: 8px;
  }
}
