

/* Убираем БИлеты в продуктах */
.standard-page-actions .btn.btn-info {
  display:none;
}

 

/* стилизация кнопки обр связи */
.help-widget-button {
    background: #2B4686!important; 
    font-size: 0px;
    border-radius: 5px!important;
    transition: transform 0.3s;
   }
.help-widget-button:after {
    content: "";
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/378133/sc/103/h/40bcd508381d3cfb64577a781b9a9183.svg);
    background-size: cover;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left: 13px;
    top: 13px; 
}

.help-widget-button:hover

{
	-webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}

/* Стилизация кнопки в обратной связи*/
.conversation-list-footer .btn{
     color: #fff!important;
    border-radius: 5px;
    background-color: #2B4686!important;
    border: none;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    transition: all 0.3s;  
}

.conversation-list-footer .btn:hover{
    transform: translatey(-5px);
}
