title: How to optimize CSS styles?
body: <p>I need to optimize CSS styles using property cursor: pointer just one time. But there are different rules for different cases. How I can do it? Please, do you have any ideas, guys?</p>
  <pre><code>    .product {
    &amp;.grid .grid-product__text:not(._price),
  
    &amp;.grid .grid-product__text._price,
  
    &amp;.grid .grid-product__text .grid-product__text_inner {
      color: inherit !important;
    }
  
    &amp;._photo-name-transition {
      ._name,
      ._image {
        cursor: pointer;
      }
    }
  
    &amp;._name-transition {
      ._name {
        cursor: pointer;
      }
    }
  
    &amp;._photo-transition {
      ._image {
        cursor: pointer;
      }
    }
  }
  </code></pre>