a.projectDetailsButton:link > p{color:#3BFFCA !important; text-decoration: none;}
a.projectDetailsButton:visited > p{color:#3BFFCA !important; text-decoration: none;}
a.projectDetailsButton:hover > p{color: white !important;border-color: white;transition:color 0.2s; -webkit-transition:color 0.2s;-moz-transition:color 0.2s;-o-transition:color 0.2s;}

.projectDetails{padding: 10px 0  10px 0;}

.projectDetailsButton.big{
  height:58px;
  width:208px;
  text-align:center;
  /**Redundant?
  transition:color 0.2s;
  -webkit-transition:color 0.2s;
  -moz-transition:color 0.2s;
  -o-transition:color 0.2s;
  **/ 
  position:absolute;
}

.projectDetailsButton>div{
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2s;
  transition:0.2s;
  position:absolute;
  pointer-events:none;
}

.border{
  border:1px solid #3BFFCA;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.0);/**background color of button**/
}

.projectDetailsButton:hover .border{top:-5px;bottom:-5px;left:-5px;right:-5px;}

.projectDetailsButton .top, .projectDetailsButton .bottom{background-color:#3BFFCA;height:1px;width:0;}

.projectDetailsButton:hover .top, .projectDetailsButton:hover .bottom{width:200px}

.projectDetailsButton .top{top:-5px;left:-15px;}

.projectDetailsButton:hover .top{left:-5px}

.projectDetailsButton .bottom{bottom:-5px;right:-15px;}

.projectDetailsButton:hover .bottom{right:-5px}

.projectDetailsButton p{line-height: 3.5rem;  font-size: 1rem;}


/** View Site Button **/

a.viewSiteButton:link > p{color:#3BFFCA !important; text-decoration: none;}
a.viewSiteButton:visited > p{color:#3BFFCA !important; text-decoration: none;}
a.viewSiteButton:hover > p{color: white !important;border-color: white;transition:color 0.2s; -webkit-transition:color 0.2s;-moz-transition:color 0.2s;-o-transition:color 0.2s;}

.viewSite{padding: 40px 0  60px 0;}

.viewSiteButton.big{
  height:58px;
  width:208px;
  text-align:center;
  margin-left: -104px;/**added by tyler**/  
  position:absolute;
}

.viewSiteButton>div{
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  -o-transition:0.2s;
  transition:0.2s;
  position:absolute;
  pointer-events:none;
}

.border{
  border:1px solid #3BFFCA;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.0);/**background color of button**/
}

.viewSiteButton:hover .border{top:-5px;bottom:-5px;left:-5px;right:-5px;}

.viewSiteButton .top, .viewSiteButton .bottom{background-color:#3BFFCA;height:1px;width:0;}

.viewSiteButton:hover .top, .viewSiteButton:hover .bottom{width:200px}

.viewSiteButton .top{top:-5px;left:-15px;}

.viewSiteButton:hover .top{left:-5px}

.viewSiteButton .bottom{bottom:-5px;right:-15px;}

.viewSiteButton:hover .bottom{right:-5px}

.viewSiteButton p{line-height: 3.5rem;}