.push-buttons{
  float: left;
  width: 100%;
  text-align: right;
}

.push-button{      
  font-family: Open Sans;      
  padding: 0px 26px;      
  border-radius: 6px; 
  height:50px;
  line-height: 50px;
  font-size: 15px;  
  font-weight: 400;
  letter-spacing: 0.5px;
  transition: 75ms linear;
}


.push-button-confirm{
  color: #fff;    
  background: #0078d1;  
}

.push-button-confirm:hover{
  background-color: #0062ab;
}


.push-button-confirm:focus{
  outline:0;  
}

.push-button-cancel{
  background: transparent;
  border-radius: 8px;
  color: #0078d1;
  margin-right: 10px;
}


.push-button-cancel:focus{
 outline:0; 
}

.wbpopup-logo{
  width: 80px;
  float:left;
  height: auto;
  position:relative;
  top:-15px;
  margin-right:20px;
}
   
#popup-push{
  top:0px;
  width: 500px;
  max-width: 100%;
  padding: 24px;
  box-sizing:border-box;
  box-shadow: 0 1px 6px rgba(5,27,44,.06),0 2px 32px rgba(5,27,44,.16);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  left:50%;
  -moz-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -o-transform:translateX(-50%);  
}

#popup-push p {
  float: right;
  width: calc(100% - 100px);
  font-size: 15px;
  font-family: Open Sans;
  color: #051b2c;
  line-height: 1.4;
  margin-bottom: 25px;
}

@media only screen and (max-width: 500px) {

  #popup-push{
    top:auto;
    bottom:0;
    border-radius:0;
  }

  #popup-push p {
     font-size: 14px;
  }

  .push-button {
      padding: 0px 19px;
      height: 46px;
      line-height: 46px;
      font-size: 14px;
  }

}


@media only screen and (max-width: 370px) {

  #popup-push{
    padding:18px;
  }

  .wbpopup-logo {
    margin-right: 15px;
    width:75px;
  }

  #popup-push p {
    float: right;
    width: calc(100% - 90px);
  }
}