@charset "UTF-8";
.btn, .form-submit, .btn-secondary, .btn-border {
  background-color: var(--primary-color);
  color: white;
  padding: 1.4rem 2.2rem;
  border-radius: 0.3rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  border: none;
  min-width: 18rem;
  max-width: 380px;
  display: inline-block;
  line-height: 1.2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='74.423' viewBox='0 0 380 74.423'%3E %3Cpath id='Tracé_2' data-name='Tracé 2' d='M0,0S10.029,8.3,105.029,8.3c55.1,0,128.621-11.543,197.363-13.618S380,0,380,0V68.739H0Z' transform='translate(0 5.685)' fill='%23D75000' style='mix-blend-mode: multiply;isolation: isolate'/%3E %3C/svg%3E ");
  background-position: center 74px;
  transition: background-position 0.5s ease-out 0s, background-color 0.5s ease-out 0s;
  background-repeat: no-repeat; }
  .btn:hover, .btn:focus, .form-submit:hover, .form-submit:focus, .btn-secondary:hover, .btn-secondary:focus, .btn-border:hover, .btn-border:focus {
    background-position: center -20px;
    background-color: #D75000;
    transition-timing-function: ease-out; }

.btn-border {
  background-color: unset;
  border: var(--primary-color) solid 1px;
  color: var(--primary-color); }
  .btn-border:hover, .btn-border:focus {
    color: white; }

.arrow-link {
  color: var(--secondary-color);
  border: none;
  background: none;
  cursor: pointer;
  border-bottom: solid 1px currentColor;
  font-weight: 300;
  font-size: 1.8rem;
  display: inline-block;
  text-decoration: none;
  transition: border-color 0.15s ease-in-out 0s; }
  .arrow-link::before {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    margin-right: 1rem; }
  .arrow-link:hover, .arrow-link:focus {
    border-color: transparent; }

.btn-down {
  height: 4rem;
  line-height: 4rem;
  width: 4rem;
  position: relative;
  text-indent: -999em;
  overflow: hidden;
  text-align: left;
  color: var(--primary-color);
  background: none;
  border: none;
  cursor: pointer; }
  .btn-down::before {
    content: '\f175';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 3.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-indent: 0; }

/*# sourceMappingURL=buttons.css.map */