

/* Замена логотипа */
.logo.gc-account-logo img{
  display: none;
}

.gc-account-logo{
  margin-bottom:10px!important;
  width: 500px;
  height: 100px;
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/576623/sc/427/h/afffc7267bb06cb12d32e56eed6da08c.svg')!important;  
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}


/* стилизация кнопки обр связи */
.talks-widget-button {
    background: linear-gradient(90deg, #E2C9A4 0%, #F1DED1 100%);
    font-size: 0px;
  box-shadow: none;
    border-radius: 10px;
    transition: transform 0.3s;
   }
.talks-widget-button:after {
    content: "";
    background-image: url(https://fs23.getcourse.ru/fileservice/file/download/a/576623/sc/183/h/0e4c5d020c47e5a735c543754a46dbdd.png);
    background-size: cover;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 9px;
    top: 10px;
   
}

.talks-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: #231F20!important;
    border-radius: 100px;
    background: linear-gradient(90deg, #E2C9A4 0%, #F1DED1 100%)!important;

    border: none;
    padding: 10px;
   padding-left: 20px;
  padding-right: 20px;
    margin-top: 10px;
    box-shadow: none;
    transition: all 0.3s;  
}

.conversation-list-footer .btn:hover{
    transform: translatey(-5px);
  
}
