/* CSS Document 

full-width-button

*/

.full_width_button {
  background: white;
  border: 0.5px solid black;
  font-family: var(--font-primary);
	font-weight: var(--font-weight-light);
	font-style: normal;
	font-size: 1.375rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
  color: #000000;
	text-decoration: none;
  margin-bottom: 5rem;
  
  &:hover {
    background: var(--goldHex);
  }
}


.cta-arrow {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	color: #000000;
	transition: transform 0.2s;
}

.full_width_button:hover .cta-arrow {
	transform: translateX(5px);
  color: black;
}