/* Custom CSS */

.overflow {
  overflow-wrap: anywhere;
}

.button {
	justify-self: start;
 padding: 12px 16px;
 border: 2px solid #036148;
 position: relative;
 overflow: hidden;
 background-color: transparent;
 text-align: center;
 text-transform: uppercase;
 font-size: 16px;
 transition: .3s;
 z-index: 1;
 font-family: inherit;
 color: #000000;
}

.button::before {
 content: '';
 width: 0;
 height: 350%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(45deg);
 background: #036148;
 transition: .2s ease;
 display: block;
 z-index: -1;
}

.button:hover::before {
 width: 110%;
}

.button:hover h3 {
 color: #fff;
}