*, *:before, *:after {
	box-sizing: border-box;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    --amareloardente: #e8bb2e;
    --vermelhobravo: #e7121e;
    color: white;


}


body {
    background-color: var(--amareloardente);
    font-family: 'Inter', sans-serif;
}


.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
}


.button {
  background-color: white;
  border: none;
/*  color: white;*/
  padding: 6px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;

padding: 6px 32px;
margin: 8px;
padding: 4px 18px;
margin: 8px; margin-bottom: 9px;
color: black;
font-size: 14px;
border-radius: 5px;
 transition-duration: 0.4s;



}


.button:hover {
  background-color: #31291c; 
  border: none;
    color: #e7121e;



}