.footer {
  display: flex;
  background-color: white;
  height: 65px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgb(225, 225, 225);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 100;
}


.footer-link {
  display: flex;
  background-color: white;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 65px;
  width: 80px;
}

/*
.footer-link:hover {
  background-color: rgb(245, 245, 245);
  cursor: pointer;
}
*/

.link-btn {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  color: black;
  cursor: pointer;
}

.index-btn svg,
.tillbehor-btn svg,
.fotbollslordag-btn svg {
  fill: #000000;
  width: 25px;
  display: block;
  margin-bottom: 5px;
}

.tipstavling-btn svg {
  stroke: #000000;
  width: 25px;
  display: block;
  margin-bottom: 5px;
}

.btn-active svg {
  fill: #B40000;
}

.btn-active {
  color: #B40000;
}

.tips-btn-active svg {
  stroke: #B40000;
}

.tips-btn-active {
  color: #B40000;
}

.index-btn:hover svg,
.index-btn:focus svg,
.tillbehor-btn:hover svg,
.tillbehor-btn:focus svg,
.fotbollslordag-btn:hover svg,
.fotbollslordag-btn:focus svg {
  fill: #B40000;
}

.tipstavling-btn:hover svg,
.tipstavling-btn:focus svg {
  stroke: #B40000;
}

/* BEHÖVS DENNA?
.index-btn, .truppen-btn {
  color:black;
  font-size: 12px; 
} */

.index-btn:hover div,
.index-btn:focus div,
.tillbehor-btn:hover div,
.tillbehor-btn:focus div,
.tipstavling-btn:hover div,
.tipstavling-btn:focus div,
.fotbollslordag-btn:hover div,
.fotbollslordag-btn:focus div {
  color: #B40000;
}

/* Old code 
.footer-link img {
  width: 25px;
  margin-bottom: 5px;
  background-color: none;
}


.link-btn:hover img,
.link-btn:active img,
.link-btn:focus img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(96%) saturate(4511%) hue-rotate(359deg) brightness(86%) contrast(116%);
}

.link-btn:hover div,
.link-btn:active div,
.link-btn:focus div {
  color: rgb(180, 0, 0);
}
*/

/* Kör "Inline-SVG och ta bort fill="currentColor" - Färg ändras då vid "hover"

.footer-link svg {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
}

.footer-link svg:hover {
  fill: red;
}

*/

.footer-link div {
  font-size: 12px;
  background-color: none;
}