.btn{
cursor:pointer;
  position:relative;
  padding:10px 40px;
  background:white;
  font-size:25px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
  transition:all 1s;
  &:after,&:before{
    content:" ";
    width:20px;
    height:10px;
    position:absolute;
    border :0px solid #fff;
    transition:all 1s;
    }
  &:after{
    top:-1px;
    left:-1px;
    border-top:5px solid darkred;
    border-left:5px solid yellowgreen;
  }
  &:before{
    bottom:-1px;
    right:-1px;
    border-bottom:5px solid yellowgreen;
    border-right:5px solid darkred;
  }
  &: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;
    }
  }
}

.data-container{
  
  height:17vh;
  display:flex;
  justify-content:center;
  align-items:center;
}