/* =======================================================
contact
======================================================= */
.bl-contact {
  color: var(--color-white);
}
.bl-contact .bl-form-btn-wrapper {
  display: flex;
  gap: 32px;
  justify-content: center;
}
.bl-contact .bl-form .el-btn {
  margin: 0;
}
.bl-contact .bl-form .el-btn input[type=button] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  padding-bottom: 3px;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-accent05);
  transform: translate(-50%, -50%);
}
.bl-contact .bl-form .el-btn.--previous {
  width: 100%;
  min-width: auto;
  max-width: 240px;
}
.bl-contact .bl-form .el-btn.--previous::after {
  position: absolute;
  top: 50%;
  left: 80px;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent var(--color-accent05) transparent transparent;
  border-style: solid;
  border-width: 5px 8px 5px 0;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .bl-contact .bl-form .el-btn.--previous:hover input[type=button] {
    color: var(--color-white);
  }
  .bl-contact .bl-form .el-btn.--previous:hover::after {
    border-color: transparent var(--color-white) transparent transparent;
  }
}
.bl-contact .bl-form .el-btn.--submit::after {
  right: 120px;
}

@media screen and (width <= 750px) {
  .bl-contact .bl-form-btn-wrapper {
    justify-content: space-between;
  }
  .bl-contact .bl-form .el-btn input[type=button] {
    padding-bottom: 4.5px;
    font-size: 30px;
  }
  .bl-contact .bl-form .el-btn.--previous {
    max-width: 240px;
  }
  .bl-contact .bl-form .el-btn.--previous::after {
    left: 56px;
    border-width: 7.5px 12px 7.5px 0;
  }
  .bl-contact .bl-form .el-btn.--submit {
    min-width: 330px;
  }
  .bl-contact .bl-form .el-btn.--submit::after {
    right: 140px;
  }
}