*, *:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

*, *:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.set_8_button4:hover {
  background-color:rgba(238,239,247,0.59);
  font-size:13px;
  font-weight:400;
}

.set_8_button4:active {
  font-size:13px;
}

.set_8_button4 {
  display:inline-block;
  font-weight:400;
  padding:0px 25px;
  line-height:45px;
  text-decoration:none;
  margin-right:2em;
  cursor:pointer;
  text-align:center;
  transition:background 300ms;
  width:100%;
  background-color:rgba(233,239,244,0.39);
  font-size:13px;
  color:rgb(77,79,89) !important;
}

.set_8_button4.outline {
  color:#333;
  overflow:hidden;
  position:relative;
}

.set_8_button4.outline:before, .set_8_button4.outline:after, .set_8_button4.outline .lines:before, .set_8_button4.outline .lines:after {
  background-color:#193f7f;
  content:"";
  height:2px;
  left:0;
  position:absolute;
  top:0;
  transition:transform 300ms;
  width:100%;
}

.set_8_button4.outline:before {
  bottom:0;
  top:auto;
}

.set_8_button4.outline .lines {
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:0;
}

.set_8_button4.outline .lines:before, .set_8_button4.outline .lines:after {
  height:100%;
  width:2px;
}

.set_8_button4.outline .lines:after {
  left:auto;
  right:0;
}

.set_8_button4:hover:before {
  transform:translateX(-100%);
}

.set_8_button4:hover:after {
  transform:translateX(100%);
}

.set_8_button4:hover .lines:before {
  transform:translateY(-100%);
}

.set_8_button4:hover .lines:after {
  transform:translateY(100%);
}