Checkbox

.checkbox-container, .form-input--checkbox .wpcf7-list-item {
   display: flex;
   align-items: center;

   input[type="checkbox"] {
      width: 0;
      height: 0;
      opacity: 0;
      -webkit-appearance: none;
      border: 0!important;
   }

   span {
      display: inline-block;

      &::before {
         content: '';
         display: inline-block;
         width: 15px;
         height: 15px;
         margin-right: .3rem;
         transform: translateY(1px);
         border: 1px solid $c-brown-light;
         border-radius: $border-radius-xs!important;
         background-color: $c-white;
         box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2);
         transition: .2s ease;
      }

      a:hover, a:focus {
         text-decoration: none;
      }
   }

   input[type="checkbox"]:checked ~ span {
      &::before {
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center;
         background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='check' class='svg-inline--fa fa-check fa-w-14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFF' d='M413.5 92l-280 280-99-99a12 12 0 00-17 0L6.2 284.3a12 12 0 000 17L125 420a12 12 0 0017 0l299.8-299.8a12 12 0 000-17L430.5 92a12 12 0 00-17 0z'/%3E%3C/svg%3E");
         background-color: $c-brown-dark;
      }
   }
}