/* line 1, ../sass/hubspot_form.scss */
.hbspt-form,
.hs-form-private {
  /* Styles for the container */
  /* Styles for the input field */
  /* Styles for the submit button */
  /* Button hover effect */
}
/* line 5, ../sass/hubspot_form.scss */
.hbspt-form .input,
.hs-form-private .input {
  position: relative;
  /* Set position to relative for absolute positioning of the button */
  display: flex;
  /* Enable flexbox */
  align-items: center;
  /* Align items vertically in the center */
  width: 100%;
  /* Full width */
  border-radius: 10px;
  /* Rounded corners for the container */
  padding: 0;
  /* No padding */
  margin-bottom: 10px;
  /* Space below the container */
}
/* line 23, ../sass/hubspot_form.scss */
.hbspt-form .input .hs-input,
.hs-form-private .input .hs-input {
  width: 100%;
  /* Full width */
  border: none;
  /* No border */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  /* Drop shadow */
  outline: none;
  /* Removes the outline on focus */
  border-radius: 10px;
  /* Rounded corners */
  padding: 15px 45% 15px 10px;
  /* Padding inside the input field, extra space on the right for the button */
}
/* line 39, ../sass/hubspot_form.scss */
.hbspt-form .input .hs-button,
.hs-form-private .input .hs-button {
  position: absolute;
  /* Position button absolutely within the .input container */
  top: 50%;
  /* Position at 50% from the top */
  transform: translateY(-50%);
  /* Adjust position to center vertically */
  right: 10px;
  /* Distance from the right edge */
  border: none;
  /* Removes default border */
  border-radius: 5px;
  /* Slightly rounded corners for the button */
  padding: 5px 15px;
  /* Padding inside the button */
  cursor: pointer;
  /* Changes cursor to pointer on hover */
  background-color: #f39c11;
  /* Background color of the button */
  color: white;
  /* Text color */
  font-weight: bold;
  /* Makes the text bold */
  text-transform: uppercase;
  /* Set text to uppercase */
  outline: none;
  /* Removes the outline on focus */
}
/* line 69, ../sass/hubspot_form.scss */
.hbspt-form .input .hs-button:hover,
.hs-form-private .input .hs-button:hover {
  background-color: #cc7d00;
  /* Darker shade on hover */
}

/* Ensures the input and button adjust on smaller screens */
@media (max-width: 600px) {
  /* line 81, ../sass/hubspot_form.scss */
  .hbspt-form .input,
  .hs-form-private .input {
    flex-direction: column;
  }
  /* line 85, ../sass/hubspot_form.scss */
  .hbspt-form .input .hs-input,
  .hs-form-private .input .hs-input {
    padding-right: 10px;
    /* Adjust padding on smaller screens */
  }
  /* line 90, ../sass/hubspot_form.scss */
  .hbspt-form .input .hs-button,
  .hs-form-private .input .hs-button {
    position: relative;
    /* Reset position to static on smaller screens */
    width: 100%;
    /* Full width for the button */
    /* Space above the button */
    top: auto;
    right: auto;
    margin-top: 40px;
  }
}