/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.btnlines{
  cursor:pointer;
  position:relative;
  padding:10px 10px;
  font-size:14px;
  font-family: Raleway;
  font-weight: 600;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  transition:all 1s;
  &:after,&:before{
    content:" ";
    width:10px;
    height:10px;
    position:absolute;
    border :0px solid #fff;
    transition:all 1s;
    }
  &:after{
    top:-1px;
    left:-1px;
    border-top:5px solid #1da0a5;
    border-left:5px solid #1da0a5;
  }
  &:before{
    bottom:-1px;
    right:-1px;
    border-bottom:5px solid #1da0a5;
    border-right:5px solid #1da0a5;
  }
  &:hover{
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    // background:rgba(0,0,0,.5);
    // color:white;
    &:before,&:after{      
      width:100%;
      height:100%;
      // border-color:white;
    }
  }
}

.btndata-container{
  display:flex;
  justify-content:center;
  align-items:center;
}

.btncta {
color: #333333 !important;
text-transform: uppercase;
background: #ffffff;
padding: 10px;
border: 2px solid #19a3a7 !important;
border-radius: 6px;
display: inline-block;
transition: all 0.3s ease 0s;
text-decoration: none;
font-size: 12px;
}

.btncta:hover {
color: #333333 !important;
border-radius: 50px;
border: 4px solid #44719d !important;
transition: all 0.3s ease 0s;
}