/* Start custom CSS */#btn-form {
  position: relative;
  transition: background-color 0.2s ease;
}

#btn-form::after {
  content: "";
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: white; /* this is the "icon color" */
  transition: background-color 0.2s ease;

  /* the SVG as a mask shape */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16602 10H15.8327' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16699L15.8333 10.0003L10 15.8337' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16602 10H15.8327' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.16699L15.8333 10.0003L10 15.8337' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#btn-form:hover {
  color: var(--accent-orange)!important;
}

#btn-form:hover::after {
  background-color: var(--accent-orange)!important; /* icon color on hover */
}/* End custom CSS */