/* Кнопка — если класс висит прямо на ней */
.vcatbuy1:is(a,button,.tn-atom),
.vcatbuy2:is(a,button,.tn-atom),
.vcatbuy3:is(a,button,.tn-atom),
.vcatbuy4:is(a,button,.tn-atom),
.vcatbuy5:is(a,button,.tn-atom),
.vcatbuy6:is(a,button,.tn-atom),
.vcatbuy7:is(a,button,.tn-atom),
.vcatbuy8:is(a,button,.tn-atom){
  position: relative;
}

.vcatbuy1:is(a,button,.tn-atom)::before,
.vcatbuy2:is(a,button,.tn-atom)::before,
.vcatbuy3:is(a,button,.tn-atom)::before,
.vcatbuy4:is(a,button,.tn-atom)::before,
.vcatbuy5:is(a,button,.tn-atom)::before,
.vcatbuy6:is(a,button,.tn-atom)::before,
.vcatbuy7:is(a,button,.tn-atom)::before,
.vcatbuy8:is(a,button,.tn-atom)::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:18px;
  height:18px;
  background:url("https://static.tildacdn.com/tild3831-6132-4634-b531-616533616631/xaslification.svg") no-repeat center/contain;
  pointer-events:none;
}

/* Если класс висит на обёртке */
.vcatbuy1 .tn-atom,
.vcatbuy2 .tn-atom,
.vcatbuy3 .tn-atom,
.vcatbuy4 .tn-atom,
.vcatbuy5 .tn-atom,
.vcatbuy6 .tn-atom,
.vcatbuy7 .tn-atom,
.vcatbuy8 .tn-atom{
  position: relative;
}

.vcatbuy1 .tn-atom::before,
.vcatbuy2 .tn-atom::before,
.vcatbuy3 .tn-atom::before,
.vcatbuy4 .tn-atom::before,
.vcatbuy5 .tn-atom::before,
.vcatbuy6 .tn-atom::before,
.vcatbuy7 .tn-atom::before,
.vcatbuy8 .tn-atom::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:18px;
  height:18px;
  background:url("https://static.tildacdn.com/tild3831-6132-4634-b531-616533616631/xaslification.svg") no-repeat center/contain;
  pointer-events:none;
}

/* Планшет */
@media (max-width: 960px){
  .vcatbuy1:is(a,button,.tn-atom)::before,
  .vcatbuy2:is(a,button,.tn-atom)::before,
  .vcatbuy3:is(a,button,.tn-atom)::before,
  .vcatbuy4:is(a,button,.tn-atom)::before,
  .vcatbuy5:is(a,button,.tn-atom)::before,
  .vcatbuy6:is(a,button,.tn-atom)::before,
  .vcatbuy7:is(a,button,.tn-atom)::before,
  .vcatbuy8:is(a,button,.tn-atom)::before,
  .vcatbuy1 .tn-atom::before,
  .vcatbuy2 .tn-atom::before,
  .vcatbuy3 .tn-atom::before,
  .vcatbuy4 .tn-atom::before,
  .vcatbuy5 .tn-atom::before,
  .vcatbuy6 .tn-atom::before,
  .vcatbuy7 .tn-atom::before,
  .vcatbuy8 .tn-atom::before{
    width:12px;
    height:12px;
  }
}

/* Мобильная версия */
@media (max-width: 640px){
  .vcatbuy1:is(a,button,.tn-atom)::before,
  .vcatbuy2:is(a,button,.tn-atom)::before,
  .vcatbuy3:is(a,button,.tn-atom)::before,
  .vcatbuy4:is(a,button,.tn-atom)::before,
  .vcatbuy5:is(a,button,.tn-atom)::before,
  .vcatbuy6:is(a,button,.tn-atom)::before,
  .vcatbuy7:is(a,button,.tn-atom)::before,
  .vcatbuy8:is(a,button,.tn-atom)::before,
  .vcatbuy1 .tn-atom::before,
  .vcatbuy2 .tn-atom::before,
  .vcatbuy3 .tn-atom::before,
  .vcatbuy4 .tn-atom::before,
  .vcatbuy5 .tn-atom::before,
  .vcatbuy6 .tn-atom::before,
  .vcatbuy7 .tn-atom::before,
  .vcatbuy8 .tn-atom::before{
    width:10px;
    height:10px;
  }
}