.wpj-tile {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
   position: relative;
}

.wpj-tile-icon {
   background: $gray-background;
   border-radius: $border-radius-base;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   flex-grow: 0;
   font-size: 24px;
   margin-right: 20px;
   width: 57px;
   height: 57px;
}

.wpj-tile-content {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;

   * {
      margin: 0;
   }
}

.wpj-tile-active {
   &::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: $border-radius-base;
      border: 1px solid $primary;
   }

   .wpj-tile-icon {
      background: $primary;
      color: $white;
   }
}