How to properly style a button?

Question

css

There is a css button:
I need to create an area on the left and place the Vkontakte logo there, like this: How to do this using css?
Here is the button code:

.vk {
  -moz-box-shadow:inset 0px 1px 0px 0px #2f76a6;
  -webkit-box-shadow:inset 0px 1px 0px 0px #2f76a6;
  box-shadow:inset 0px 1px 0px 0px #2f76a6;
  background-color:#2f76a6;
  border:1px solid #2f76a6;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:18px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #2f76a6;
  display: block;
    width: 244px; 
    height: 20px; 
    text-align: center;
    
    
  
}
.vk:hover {
  background-color:#007dc1;
}
.vk:active {
  position:relative;
  top:1px;
}