@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

:root {
  --green-1 : #123034;
  --green-2 : #558E8E;
  --cream-1: #FFF8E7;
  --oslo-gray: #7E8C8D;
  --putty: #D5BF7D;
  --varden: #FAF3DD;
  --sapling: #D9CBA3;

}
/* 
* {
  outline: 1px solid red;
} */

.primary-button {
  background-image: linear-gradient(to top, #235158, #6E9F9A);
  color: white;
  padding: 10px 30px;
  border: none;
  font-size: 18px;
  border-radius: 5px;
}

.primary-button:hover {
  background-image: linear-gradient(var(--green-1));
}

.secondary-button {
  background-image: linear-gradient(to top, #168551, #91D6B6);
  color: white;
  padding: 10px 30px;
  border: none;
  font-size: 18px;
  border-radius: 5px;
}

.secondary-button:hover {
  background-image: linear-gradient(var(--green-2));
}

.remove-line-height {
  line-height: 0;
}