enfrancais-app/src/assets/scss/classes/_img-wrapper.scss

.node-view-img-wrapper {
  display: inline-block;
  position: relative;

  &.on-hover:not(:hover) .btn-expand {
    display: none;
  }

  .btn-expand {
    position: absolute;
    top: 0;
    right: 0;

    &.center {
      top: 50%;
      right: 50%;
      transform: translate(50%, -50%)
    }

    padding: 0;
    width: 75px;
    height: 70px;
    border: 0;
    border-radius: 0 !important;
    line-height: 0;

    &:hover,
    &:focus {
      path {
        stroke: $black;
      }
    }

    svg {
      width: 100%;
      height: 100%;
      pointer-events: none;
    }

    path {
      fill: none;
      stroke: lighten($black, 20%);
      stroke-width: 4px;
      stroke-linejoin: round;
      stroke-linecap: round;
    }
  }
}