/* Zmienne kolorów */
:root {
  --primary-color: #ff6600;
  --secondary-color: #00cc66;
  --tertiary-color: #0099ff;
  --dark-color: #333333;
  --light-color: #ffffff;
}

.btt {
  background: transparent;
  border: none;
  margin: 30px auto 0;
  display: block;
  font-size: 20px;
  outline: none;
  position: relative;
  transition: 0.3s;
  padding: 10px 30px 10px 30px; /* the trick */
  backdrop-filter: blur(1rem);
  border: 1px solid var(--primary-color);
  border-radius: 0px;
  font-weight: bold;
  color: var(--light-color);
  box-shadow: 0 0px 3px var(--primary-color); /* Add a box shadow */
}

.btt:hover {
  border-radius: 1dvh;
  border: 1px solid var(--light-color);
  box-shadow: 0 0px 0px var(--primary-color);
}

#b_header {
  text-decoration: none;
}

.btt:active {
  background: var(--dark-color);
  color: var(--light-color);
  transition: none;
}

.btt span {
  color: var(--primary-color);
}

.btt:hover span {
  color: var(--light-color);
  transition: 0.4s;
}

.btt #b_submit,
.btt .b_submit:hover {
  color: var(--primary-color);
}