Как сделать такие кнопки со сдвигом влево БЕЗ JS?

Question

[art style]

https://codepen.io/stevenschobert/pen/NPPymX?edito...

Answer 1

[John Developer]

Вот кусок того, как это делается в твоем примере на scss, перевести в css не составит труда.

&:hover {
    cursor: pointer;
    
    .share-button-primary {
      box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1);
    }
    
    .share-button-secondary-content {
      transform: translate3d(0, 0, 0);
    }
  }

Answer 2

[art style]

solved

.share-button-secondary
   overflow: hidden;
    margin-left: 15px;
    height: 30px;
    position: relative;
    left: -150px;
}