/* GET ACCESS SECTION */

.section-access {
  background-color: var(--color-light-grey--1);
}

.section-access--image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-default);
}

/* GET ACCESS FORM */
.section-access--form {
  background-color: var(--color-white);
  border-radius: var(--radius-default);
  box-shadow: var(--shadow-light);
  padding: var(--padding-medium) var(--padding-medium) 0;
  margin-top: var(--margin-default);
}

.required {
  justify-content: flex-end;
  gap: var(--gap-xsmall);
  position: relative;
}

.accessform-form {
  column-gap: calc(var(--gap-small) * 2);
  row-gap: calc(var(--gap-normal) / 2);
}

.accessform-form input {
  width: 100%;
  padding: var(--padding-small);
  border-radius: calc(var(--radius-small) / 2);
  border: var(--border-default);
  font-style: inherit;
}

.accessform-form label {
  display: block;
  font-size: inherit;
  font-weight: var(--weight-medium);
  margin-bottom: var(--margin-small);
  position: relative;
}

.form-button {
  justify-self: end;
}

.accessform-form input:active,
.accessform-form input:focus {
  outline: none;
  border-color: var(--color-light-grey--2);
}