.new-race-button {
  background: #ee0000;
  color: #ffffffcc;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  width: 9rem;
  height: 3rem;

  margin: 0;
  padding: 0;

  border-radius: 5rem;
  border: none;

  gap: .3rem;

  transition: all .2s ease;

  cursor: pointer;
  user-select: none;
}

.new-race-button.hidden {
  opacity: 0;
  transform: translateY(-10px);

  pointer-events: none;
}

.new-race-button:hover{
  color: #ffffff;
  
  box-shadow: 0 0 1.5rem 0 #ee00004d;
  transform: scale(1.03);
}

.new-race-button-text {
  font-size: 1rem;
  font-weight: 600;
}

.new-race-button .material-symbols-rounded {
  font-size: 1.5rem;
  font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200, 'opsz' 48;
}