@import url('https://fonts.googleapis.com/css2?family=Cause:wght@100..900&display=swap');
.resources{
    color: white;
    font-family: 'Cause', cursive;
    font-weight:800;
    display:flex;
    position:absolute;
    top:0px;
    left:0px;
    padding: 10px;
    background: rgba(30, 30, 30, 0.882);
    gap:30px;
    border-radius: 0 0 15px 15px;
    border: solid #303030;
    border-width:0px 5px 5px 5px;
    text-align:center;
}
.wave-display{
    color: white;
    font-family: 'Cause', cursive;
    font-weight:800;
    display:flex;
    position:absolute;
    top:-5px;
    right:80px;
    padding: 10px;
    background: rgba(30, 30, 30, 0.882);
    gap:30px;
    border-radius: 0 0 15px 15px;
    border: solid #303030;
    border-width:5px 5px 5px 0px;
    text-align:center;
}
.rss-img{
    height:30px;
    width:30px;
    align-items:center;
    margin-left:5px;
    bottom:-5px;
}
.save-btn {
  /* Pozycjonowanie i bazowe wymiary */
  padding: 12px 28px;
  position:absolute;
  bottom:50px;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  outline: none;

  /* Stylistyka "Golden Warrior" */
  color: #fff;
  background: linear-gradient(to bottom, #f1c40f 0%, #f39c12 100%);
  border: 2px solid #d35400;
  
  /* Efekt wypukłości i cień */
  box-shadow: 
    0 4px #a04000,           /* Dolna krawędź (grubość przycisku) */
    0 6px 10px rgba(0,0,0,0.4); /* Miękki cień pod spodem */
  
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  transition: all 0.1s ease;
}

/* Efekt najechania - przycisk lekko "puchnie" i jaśnieje */
.save-btn:hover {
  background: linear-gradient(to bottom, #f39c12 0%, #f1c40f 100%);
  transform: translateY(-2px);
  box-shadow: 
    0 6px #a04000,
    0 8px 15px rgba(0,0,0,0.4);
}

/* Efekt kliknięcia - przycisk się "wciska" */
.save-btn:active {
  transform: translateY(4px); /* Przesunięcie w dół o grubość krawędzi */
  box-shadow: 0 0px #a04000, 0 2px 5px rgba(0,0,0,0.4);
}