/* buttons.css */
.btn {
  display: inline-block;
  padding: 1rem 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: white;
  border: none;
  border-radius: 2rem;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, background-color 0.3s ease;
  margin-top: 1rem;
}

.btn:hover {
  transform: scale(1.03);
}

.btn-green {
  background-color: #85de81;
  color:#fff;
}
.btn-green:hover {
  background-color: #6fc96b;
  color:#fff;
}

.btn-blue {
  background-color: var(--primary-color);
  padding: 1rem 1rem 1rem 1rem !important;
  color:#fff;
}
.btn-blue:hover {
  background-color: var(--primary-blue-highlight);
  color:#fff;
  transform: scale(1.03);

}

.btn-support {
  background-color: #fff;
  color:var(--primary-color);
}
.btn-support:hover {
  background-color: var(--accent-color-2);
  color:#fff;
}


.button.season-talvi,
.theme-button.winter {
  background:  #007BFF;
  border-color: #007BFF;
  color:#fff;
}
.button.season-kevat,
.theme-button.spring {
  background: #4CAF50;
  border-color: #4CAF50;
  color:#fff;
}

.theme-button.summer {
  background: #fff2c2;
  border-color: #FFC107;
}

.theme-button.autumn {
  background: #ffd6cc;
  border-color: #FF5722;
}



.btn i {font-size:16px;
margin-left:6px;}



@media (max-width: 768px) {
.btn { 
   font-size:0.8rem;

}}