.myshape .tn-atom {
    display: block !important;
    position: relative !important;
   
    z-index: 999 !important;
    width: 362px !important;
    height: 80px !important;
    animation: radial-pulse 1s infinite !important;
    border-radius: 20px !important;
}
/*создаем анимацию пульсации*/
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(42, 66, 250, 0.5);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(140, 153, 255, 0);
  }
}
.myshape1 .tn-atom {
    display: block !important;
    position: relative !important;
   
    z-index: 999 !important;
    width: 347px !important;
    height: 80px !important;
    animation: radial-pulse 1s infinite !important;
    border-radius: 20px !important;
}
/*создаем анимацию пульсации*/
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(42, 66, 250, 0.5);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(140, 153, 255, 0);
  }
}

.myshape3 .tn-atom {
    display: block !important;
    position: relative !important;
   
    z-index: 999 !important;
    width: 280px !important;
    height: 92px !important;
    animation: radial-pulse 1s infinite !important;
    border-radius: 4px !important;
}
/*создаем анимацию пульсации*/
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(42, 66, 250, 0.5);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(140, 153, 255, 0);
  }
}
.myshape4 .tn-atom {
    display: block !important;
    position: relative !important;
   
    z-index: 999 !important;
    width: 375px !important;
    height: 86px !important;
    animation: radial-pulse 1s infinite !important;
    border-radius: 4px !important;
}
/*создаем анимацию пульсации*/
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(42, 66, 250, 0.5);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(140, 153, 255, 0);
  }
}


    
  .back .tn-atom {
        box-shadow: inset -1px -1px 0px rgba(0,0,0,0.35), -1px -1px 0px rgba(255 255 255 / 35%) !important;
        
    }
    
    
 .menubtn .tn-atom {
        box-shadow: inset -1px -1px 0px rgba(0,0,0,0.35), -1px -1px 0px rgba(255 255 255 / 35%) !important;
        
    }
    .menubtn .tn-atom:hover {
        box-shadow: inset 1px 1px 0px rgba(0 0 0 / 25%), 1px 1px 0px rgba(255 255 255 / 25%), inset 2px 2px 0px rgba(0 0 0 / 25%), 2px 2px 0px rgba(255 255 255 / 25%) !important;
    }
    
    .en .tn-atom {
        box-shadow: inset -1px -1px 0px rgba(0,0,0,0.35), -1px -1px 0px rgba(255 255 255 / 35%) !important;
        
    }
    .en .tn-atom:hover {
        box-shadow: inset 1px 1px 0px rgba(0 0 0 / 25%), 1px 1px 0px rgba(255 255 255 / 25%), inset 2px 2px 0px rgba(0 0 0 / 25%), 2px 2px 0px rgba(255 255 255 / 25%) !important;
    }
    
    .order .tn-atom {
        box-shadow: inset -1px -1px 0px rgba(0,0,0,0.35), -1px -1px 0px rgba(255 255 255 / 35%) !important;
        
    }
    .order .tn-atom:hover {
        box-shadow: inset 1px 1px 0px rgba(0 0 0 / 25%), 1px 1px 0px rgba(255 255 255 / 25%), inset 2px 2px 0px rgba(0 0 0 / 25%), 2px 2px 0px rgba(255 255 255 / 25%) !important;
    }
    
     .btn .tn-atom {
        box-shadow: inset -1px -1px 0px rgba(0,0,0,0.35), -1px -1px 0px rgba(255 255 255 / 35%) !important;
        
    }
    .btn .tn-atom:hover {
        box-shadow: inset 1px 1px 0px rgba(0 0 0 / 25%), 1px 1px 0px rgba(255 255 255 / 25%), inset 2px 2px 0px rgba(0 0 0 / 25%), 2px 2px 0px rgba(255 255 255 / 25%) !important;
    }
    

.field .tn-atom {
        box-shadow: inset 1px 1px 0px rgba(0 0 0 / 47%), 1px 1px 0px rgba(255 255 255 / 22%);