:root {
  --button--link--background-colour: #1d42a6;
  --button--link--text-colour: white;
  --button--link--border-width: 2px;
  --button--link--border-style: solid;
  --button--link--border-colour: var(--dark_1, #1d42a6);
  --button--link--border-radius: 6px;
  --button--link--font_family: 'Roboto';
  --button--link--font_size: 1.375rem;
  --button--link--font_weight: 500;
  --button--link--font_style: normal;
  --button--link--line_height: 120%;
  --button--link--active--background-colour: white;
  --button--link--active--text-colour: #1d42a6;
  --button--link--active--border-width: 2px;
  --button--link--active--border-style: solid;
  --button--link--active--border-colour: #1d42a6;
  --button--link--active--border-radius: 6px;
  --button--link--active--font_family: 'Roboto';
  --button--link--active--font_size: 1.375rem;
  --button--link--active--font_weight: 500;
  --button--link--active--font_style: normal;
  --button--link--active--line_height: 120%;
}
/* - COLOURS - */
/* .oxfcms_button--colour--default {
  --button--link--background-colour: var(--dark_1);
  --button--link--text-colour: var(--light_1);
  --button--link--active--background-colour: var(--light_1);
  --button--link--active--text-colour: var(--dark_1);
  --button--link--active--border-width: 1px;
  --button--link--active--border-colour: var(--dark_1);
}
.oxfcms_button--colour--dark_1 {
  --button--link--background-colour: var(--dark_accent);
  --button--link--text-colour: var(--light_2);
  --button--link--active--background-colour: var(--light_accent);
  --button--link--active--text-colour: var(--dark_1);
}
.oxfcms_button--colour--dark_2 {
  --button--link--background-colour: var(--dark_accent);
  --button--link--text-colour: var(--light_1);
  --button--link--active--background-colour: var(--light_accent);
  --button--link--active--text-colour: var(--dark_2);
}
.oxfcms_button--colour--dark_3 {
  --button--link--background-colour: var(--dark_accent);
  --button--link--text-colour: var(--light_1);
  --button--link--active--background-colour: var(--light_accent);
  --button--link--active--text-colour: var(--dark_1);
}
.oxfcms_button--colour--light_1 {
  --button--link--background-colour: var(--light_accent);
  --button--link--text-colour: var(--dark_1);
  --button--link--active--background-colour: var(--dark_accent);
  --button--link--active--text-colour: var(--light_1);
}
.oxfcms_button--colour--light_2 {
  --button--link--background-colour: var(--light_accent);
  --button--link--text-colour: var(--dark_2);
  --button--link--active--background-colour: var(--dark_accent);
  --button--link--active--text-colour: var(--light_1);
}
.oxfcms_button--colour--light_3 {
  --button--link--background-colour: var(--light_accent);
  --button--link--text-colour: var(--dark_2);
  --button--link--active--background-colour: var(--dark_accent);
  --button--link--active--text-colour: var(--light_2);
} */

.js-lpb-component .lpb-controls + .oxfcms-button a {
  z-index: 10;
}

.oxfcms-button a, .oxfcms-button a:visited {
  background-color: var(--button--link--background-colour);
  color: var(--button--link--text-colour);
  font-family: var(--button--link--font_family);
  font-size: var(--button--link--font_size);
  font-weight: var(--button--link--font_weight);
  font-style: var(--button--link--font_style);
  line-height: var(--button--link--line_height);
  border-width: var(--button--link--border-width);
  border-color: var(--button--link--border-colour);
  border-style: var(--button--link--border-style);
  border-radius: var(--button--link--border-radius);
  text-decoration: none;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: inline-flex;
  gap: var(--space-xs);
  align-items: center;
  justify-content: space-between;
  transition: .3s;
  &:not(:has(.screen-reader-only)) {
    .fontawesome-icon {
      color: var(--button--chevron--colour, #B9D6F2);
    }
  }
}

.oxfcms-button a:hover,
.oxfcms-button a:focus {
  background-color: var(--button--link--active--background-colour);
  color: var(--button--link--active--text-colour);
  font-family: var(--button--link--active--font_family);
  font-size: var(--button--link--active--font_size);
  font-weight: var(--button--link--active--font_weight);
  font-style: var(--button--link--active--font_style);
  line-height: var(--button--link--active--line_height);
  border-width: var(--button--link--active--border-width);
  border-color: var(--button--link--active--border-colour);
  border-style: var(--button--link--active--border-style);
  border-radius: var(--button--link--active--border-radius);
  &:not(:has(.screen-reader-only)) {
    .fontawesome-icon {
      color: var(--button--chevron--focus--colour, #1d42a6);
    }
  }
}

.oxfcms_align_middle_right .oxfcms-button {
  text-align: right;
}

.oxfcms_align_middle_centre .oxfcms-button {
  text-align: center;
}

.oxfcms_align_middle_left .oxfcms-button {
  text-align: left;
}