угу

по крайней мере стили я тебе писал с этим расчетом

в общем с сцсс модулями и без добавочного класса класснейм надо писать так

className={isHover ? styles.CardWrapperHover: styles.CardWrapper}

а стили тебе придется писать примерно так

.cardWrapper {
  .iconWrapper {
      float: right;
  }
}

.cardWrapperHover {
  background: #ffffff;
  border: 2px solid rgba(25, 48, 72, 0.05);
  border-radius: 12px;
  padding: 16px 16px 20px;
  position: relative;
  transition: 0.2s;
  width: 100%;

  .iconWrapper {
      float: right;
  }

  &:hover {
    z-index: 500;
    border: 2px solid transparent;
    box-shadow: 0 10px 100px 10px rgba(black, 0.5);
    transform: scale(1.09);
  }
}

Ребята, подскажите, как сделать такую штуку, на css

свг?

без СВГ

:after + :before

да, можно так тоже

как?

Можно подробний

Оно самое. Ура, завезли градиент!

это так не работает

Не подходит, надо чтобы каждый элемент был кликабельный

как не работает

Ребят, а кто гуру по z-index, почему условный дропдаун из header перекрывается footer-ом, если у этого дропдауна z-index больше? Вот просто теоретически 🙂

Щя попробую)

в експлорере, -это плохо

Ну пусть подписи будут кликабельными

соболезную юзерам эксплорера