   .php::after {
      transition: all 0.5s;
    }

    .php {
      border: 1px solid #c147e6;
      color: #c147e6;
      width: 120px;
      height: 42px;
      line-height: 42px;
      position: relative;
      z-index: 1;
      text-transform: uppercase;
    }

    .php:hover {
      color: #fff;
    }

    .php::before,
    .php::after {
      background: #c147e6;
      content: "";
      position: absolute;
      z-index: -2;
      border-radius: 3px;
    }

    .php-1::after {
      height: 0;
     