.knop {
  height: 66px;
  width: 131px;
  border: 0px solid #333;
  background: url('../img/knop.png');
  text-align:center;
  line-height:65px;
}

.panel {
    height: 66px; /* высота основного блока */
    position: relative; /* относительное позиционирование */
    text-align: center; /* текст по центру */
    font: bold 18px Arial, sans-serif; /* стили шрифта */
	line-height:55px;
    background: url('../img/knop_center.png') 0px 0px repeat-x; /* фон */
	padding: 7px 26px; /* внутренние отступы */	
   }
   
   .panel:before, .panel:after {
    width: 29px;
    height: 66px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
   }
   .panel:before {
    content: url('../img/knop_left.png'); /* изображение левого бока */
    left: 0;
	margin-left: -4px;
   }
   .panel:after {
    content: url('../img/knop_right.png'); /* изображение правого бока */
    right: 0;
	margin-right: -5px;
   }
      
   
   .so-widget-sow-button-atom-c6eafebab700 .ow-button-base a {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    padding: 1em 2em;
    background: #9e1717;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#711111),color-stop(1,#9e1717));
    background: -ms-linear-gradient(bottom,#711111,#9e1717);
    background: -moz-linear-gradient(center bottom,#711111 0,#9e1717 100%);
    background: -o-linear-gradient(#9e1717,#711111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e1717',endColorstr='#711111',GradientType=0);
    border: 1px solid;
    border-color: #640f0f #5b0d0d #4e0b0b #5b0d0d;
    color: #fff !important;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
(index):30
.ow-button-base a {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    line-height: 1em;
}

.so-widget-sow-button-atom-62b718777f63 .ow-button-base a {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  padding: 1em 2em;
  background: #1e73be;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#175892),color-stop(1,#1e73be));
  background: -ms-linear-gradient(bottom,#175892,#1e73be);
  background: -moz-linear-gradient(center bottom,#175892 0%,#1e73be 100%);
  background: -o-linear-gradient(#1e73be,#175892);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e73be', endColorstr='#175892', GradientType=0);
  border: 1px solid;
  border-color: #155085 #144b7c #11436f #144b7c;
  color: #FFFFFF !important;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
  text-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
.so-widget-sow-button-atom-62b718777f63 .ow-button-base a .sow-icon-image,
.so-widget-sow-button-atom-62b718777f63 .ow-button-base a [class^="sow-icon-"] {
  margin: -0.1em 0.75em -0.2em -0.75em;
}
.so-widget-sow-button-atom-62b718777f63 .ow-button-base a:visited,
.so-widget-sow-button-atom-62b718777f63 .ow-button-base a:active,
.so-widget-sow-button-atom-62b718777f63 .ow-button-base a:hover {
  color: #FFFFFF !important;
}
.so-widget-sow-button-atom-62b718777f63 .ow-button-base a.ow-button-hover:hover {
  background: #1f78c7;
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#185e9b),color-stop(1,#1f78c7));
  background: -ms-linear-gradient(bottom,#185e9b,#1f78c7);
  background: -moz-linear-gradient(center bottom,#185e9b 0%,#1f78c7 100%);
  background: -o-linear-gradient(#1f78c7,#185e9b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f78c7', endColorstr='#185e9b', GradientType=0);
  border-color: #16568e #155085 #134878 #155085;
  color: #ffffff;
}

a.baton {
  width: 150px;
  height: 30px;
  text-decoration: none;
  padding-top: 9px;
  color: #a675b3;
  text-align: center;
  line-height: 20px;
  display: block;
  margin: 20px auto;
  font: normal 17px arial;
}

a.baton:not(.active) {
  box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e;
  background-image: linear-gradient(#3b2751, #271739);
  text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47;
}

a.baton:not(.active):hover,
a.baton:not(.active):focus {
  transition: color 200ms linear, text-shadow 500ms linear;
  color: #fff;
  text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c;
}
a.baton:not(:hover) {
    transition: 0.6s;
}