 left: 0;
      top: 0;
      width: 100%;
    }

    .php-1:hover:after {
      height: 100%;
    }

    .php-2::after {
      height: 100%;
      left: 0;
      top: 0;
      width: 0;
    }

    .php-2:hover:after {
      width: 100%;
    }

    .php-3::after {
      height: 0;
      left: 50%;
      top: 50%;
      width: 0;
    }

    .php-3:hover:after {
      height: 100%;
      left: 0;
      top: 0;
      width: 100%;
    }

    .php-4::before {
      height: 100%;
      left: 0;
      top: 0;
    