.teklifalbg {
  padding: 15px 0px;
  background-color: #0186CD;
}

.teklifaltext {
  color: #ffffff !important;
  font-size: 22px;
}

.hbtn {
  cursor: pointer;
  position: relative;
  padding: 10px 20px;
  background: white;
  font-size: 15px;
  transition: all 0.5s;
  color: black;

  &:after,
  &:before {
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    border: 0px solid #fff;
    transition: all 0.5s;
  }

  &:after {
    top: -1px;
    left: -1px;
    border-top: 3px solid orange;
    border-left: 3px solid orange;
  }

  &:before {
    bottom: -1px;
    right: -1px;
    border-bottom: 3px solid orange;
    border-right: 3px solid orange;
  }

  &:hover {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;

    &:before,
    &:after {
      width: 100%;
      height: 100%;
    }
  }
}