@charset "UTF-8";
.border-gradient {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 4px;
}

.border-gradient-purple {
  border-image-source: linear-gradient(to right, #2f009b, #8a00eb);
  position: relative;
  padding: .5rem 1rem;
}

.border-gradient-purple:before {
  content: '';
  position: absolute;
  border-radius: inherit;
  /* !importanté */
}

.fill:hover,
.fill:focus {
  -webkit-box-shadow: inset 0 0 0 3em var(--hover);
          box-shadow: inset 0 0 0 3em var(--hover);
}

.slide:hover,
.slide:focus {
  -webkit-box-shadow: inset 20em 0 0 0 var(--hover);
          box-shadow: inset 20em 0 0 0 var(--hover);
}

.fill {
  --color: #fbfbfb;
  --hover: #fbfbfb;
}

.slide {
  --color: #2f009b;
  --hover: #9b0093;
}

button {
  color: var(--color);
  -webkit-transition: 0.75s;
  transition: 0.75s;
}

button:hover, button:focus {
  border-color: var(--hover);
  color: #fff;
}
/*# sourceMappingURL=styles-borders.css.map */