.corner-box {
  margin: 20px;
  position: relative;
  padding: 20px;
  width: 200px;
  height: 44px;
}

/* общие настройки для всех уголков */
.corner-box::before,
.corner-box::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* верхний левый + нижний правый угол */
.corner-box::before {
  background:
    /* верхний левый: горизонталь + вертикаль */
    linear-gradient(#000 0 0) top left,
    linear-gradient(#000 0 0) top left,
    /* нижний правый */
    linear-gradient(#000 0 0) bottom right,
    linear-gradient(#000 0 0) bottom right;
  background-repeat: no-repeat;
  background-size:
    20px 2px,  /* длина и толщина горизонтали */
    2px 20px,  /* длина и толщина вертикали */
    20px 2px,
    2px 20px;
}

/* верхний правый + нижний левый угол */
.corner-box::after {
  background:
    /* верхний правый */
    linear-gradient(#000 0 0) top right,
    linear-gradient(#000 0 0) top right,
    /* нижний левый */
    linear-gradient(#000 0 0) bottom left,
    linear-gradient(#000 0 0) bottom left;
  background-repeat: no-repeat;
  background-size:
    20px 2px,
    2px 20px,
    20px 2px,
    2px 20px;
}
@media screen and (max-width: 479px) {
    .form-container {
        padding-left: 2vw;
        padding-right: 2vw;
        width: auto;
        min-width: 96vw
    }
}