.customize-grid {
  display: flex;
  justify-content: center;
  background-color: #f0f0ee;
  gap: 0.2rem;
  padding: 0.3rem;
  margin-top: 1rem;

  .customize-grid__item {
    display: flex;
    padding: 0.7rem;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s ease;
    background-color: transparent;

    svg {
      opacity: 0.5;
      transition: opacity 0.3s ease;
    }

    &.active {
      background-color: #fff;

      svg {
        opacity: 1;
      }
    }
  }
}