.qodef-button::before{
    
  display: none;
}

.qodef-button.qodef-layout--outlined {
  color: #111;
  background-color: transparent;
  border:1px solid #919191;
}

.qodef-button.qodef-layout--outlined .qodef-m-corner {
  position: absolute;
  color: #e1e1e1
}

.qodef-button.qodef-layout--outlined .qodef-m-corner:after,.qodef-button.qodef-layout--outlined .qodef-m-corner:before {
  content: '';
  display: block;
  position: absolute;
  background-color: currentColor;
  transition: .2s ease-out
}

.qodef-button.qodef-layout--outlined .qodef-m-corner:before {
  width: 10px;
  height: 1px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner:after {
  width: 1px;
  height: 10px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--top-left {
  top: 0;
  left: 0
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--top-left:before {
  top: -1px;
  left: -11px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--top-left:after {
  top: -11px;
  left: -1px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--top-right {
  top: 0;
  right: 0
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--top-right:before {
  top: -1px;
  left: 1px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--top-right:after {
  top: -11px;
  left: 0
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--bottom-left {
  bottom: 0;
  left: 0
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--bottom-left:before {
  top: 0;
  left: -11px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--bottom-left:after {
  top: 1px;
  left: -1px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--bottom-right {
  bottom: 0;
  right: 0
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--bottom-right:before {
  top: 0;
  left: 1px
}

.qodef-button.qodef-layout--outlined .qodef-m-corner.qodef--bottom-right:after {
  top: 1px;
  left: 0
}

.qodef-button.qodef-layout--outlined .qodef-m-btn-line {
  position: absolute;
  transition: transform .35s ease-out;
  background-color: currentColor
}

.qodef-button.qodef-layout--outlined .qodef-m-btn-line.qodef-btn-line--top {
  left: -1px;
  top: -1px;
  height: 1px;
  width: calc(100% + 2px);
  transform: scaleX(0);
  transform-origin: left center
}

.qodef-button.qodef-layout--outlined .qodef-m-btn-line.qodef-btn-line--right {
  right: -1px;
  bottom: -1px;
  width: 1px;
  height: calc(100% + 2px);
  transform: scaleY(0);
  transform-origin: center bottom
}

.qodef-button.qodef-layout--outlined .qodef-m-btn-line.qodef-btn-line--bottom {
  right: -1px;
  bottom: -1px;
  height: 1px;
  width: calc(100% + 2px);
  transform: scaleX(0);
  transform-origin: right center
}

.qodef-button.qodef-layout--outlined .qodef-m-btn-line.qodef-btn-line--left {
  left: -1px;
  top: -1px;
  width: 1px;
  height: calc(100% + 2px);
  transform: scaleY(0);
  transform-origin: center top
}

.qodef-button.qodef-layout--outlined:hover .qodef-m-btn-line.qodef-btn-line--bottom,.qodef-button.qodef-layout--outlined:hover .qodef-m-btn-line.qodef-btn-line--top {
  transform: scaleX(1)
}

.qodef-button.qodef-layout--outlined:hover .qodef-m-btn-line.qodef-btn-line--left,.qodef-button.qodef-layout--outlined:hover .qodef-m-btn-line.qodef-btn-line--right {
  transform: scaleY(1)
}