@import "../view-header/style";

.view-talking-header{
  height: 80px;
  background-color: #0E0F27;
  padding: 0 20px;
}

.view-talking-header .view-header-user{
  margin-right: 70px;
}

.view-talking-header .view-header-user {
  margin-left: 0;
}

.view-talking-header .control-button{
  width: auto;
  height: 100%;
  margin-left: 50px;
  border-radius: 0;
  background: transparent !important;
}
.view-talking-header .control-button:last-of-type{
  margin-right: 10px;
}
.view-talking-header .control-icon-wrap{
  @include square(25px);
}
.view-talking-header .control-icon{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 0;
  opacity: 0.5;
}

.view-talking-header .control-icon,.view-talking-header span{
  transition: 0s;
}

.view-talking-header .control-label{
  color: rgba(255,255,255,0.8);
  margin-top: 5px;
}

.control-icon-select{
  visibility: hidden;
  opacity: 0;
}

.view-talking-header .control-button:hover .control-icon{
  visibility: hidden;
  opacity: 0;
}

.view-talking-header .control-button:hover .control-icon-select{
  visibility: initial;
  opacity: 1;
}


.view-talking-header .control-button:hover .control-label {
  background: $main-linear;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}