.outline {
  outline: 2px dashed $grey-blue;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.upload-image {
  margin: 0 auto;
  max-width: 325px;
  min-height: 300px;

  .files {
    background-image: url('/assets/admin/image_default.png');
    background-position: center 80px;
    background-repeat: no-repeat;
    background-size: 50px;
    position: relative;

    .icon-file {
      font-size: 4rem;
      left: 50%;
      opacity: .7;
      position: absolute;
      top: 35%;
      transform: translateX(-50%);
    }
  }

  input {
    cursor: pointer;
    margin: 0;
    outline: 2px dashed $grey-blue;
    outline-offset: -10px;
    padding: 160px 25px 70px;
    text-align: center;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    width: 100%;

    &::before {
      bottom: 5px;
      // color: #2ea591;
      display: block;
      font-weight: 600;
      height: 57px;
      left: 0;
      margin: 0 auto;
      // content: "O arrastralos hasta aquí.";
      pointer-events: none;
      position: absolute;
      right: 0;
      text-align: center;
      text-transform: capitalize;
      width: 100%;
    }

    &::after {
      content: 'o arrastrar una imagen hasta aquí';
      font-size: 12px;
      left: 50%;
      position: absolute;
      text-align: center;
      top: 200px;
      transform: translateX(-50%);
      width: 100%;
    }
  }

  &-icon {
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: block;
    font-size: 50px;
    height: 56px;
    left: 0;
    margin: 0 auto;
    // background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100px;
    width: 50px;
  }

  .image-to-upload {
    max-height: 300px;
    max-width: 325px;
    width: 100%;
  }

  .files-absolute {
    left: 50%;
    max-width: 325px;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .3s;
    width: 100%;

    &:hover {
      opacity: .5;
      transition: opacity .3s;
    }
  }
}