@import url('./contact.css');

.js-asma-form{
	margin-top:20px;
}

.cf-file-input {
  background: #ffffff;
  border: 1px solid rgba(26, 53, 212, 0.16);
  border-radius: 0.9rem;
  color: var(--ds-color-ink-700);
  cursor: pointer;
  font-size: 0.96rem;
  line-height: 1.2;
  padding: 0.4rem;
  transition: border-color 150ms ease, box-shadow 150ms ease;
  width: 100%;
}

.cf-file-input::file-selector-button {
  background: var(--ds-color-primary-700);
  border: 0;
  border-radius: 0.65rem;
  color: #ffffff;
  cursor: pointer;
  font-family: var(--ds-font-display);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-right: 0.7rem;
  padding: 0.58rem 0.8rem;
  text-transform: uppercase;
  transition: background 150ms ease;
}

.cf-file-input:hover::file-selector-button {
  background: var(--ds-color-primary-600);
}

.cf-file-input:focus {
  border-color: var(--ds-color-primary-500);
  box-shadow: 0 0 0 3px rgba(26, 53, 212, 0.16);
  outline: none;
}

.cf-file-help {
  color: var(--ds-color-ink-500);
  font-size: 0.82rem;
  margin: 0.45rem 0 0;
}