/* Base style for button */
.custom-btn {
    display: inline-block;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(135deg, #007bff, #00b4d8);
    border: none;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
    transition: all 0.3s ease;
}
/* Hover effect */
.custom-btn:hover {
    background: linear-gradient(135deg, #00b4d8, #007bff);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.4);
    text-decoration: none;
}

/* Secondary version (e.g., white text with gray border) */
.custom-btn-outline {
    background: transparent;
    color: #333;
    border: 2px solid #ccc;
    border-radius: 6px;
}

.custom-btn-outline:hover {
    background: #f0f0f0;
    border-color: #999;
    color: #000;
}

.tag-link {
	background-color:#ecf0f1;
	color:#666;display:inline-block;
 	font-size:14px;
  	font-weight:bold;
  	margin-bottom:5px;
  	margin-right:5px;
  	padding:5px 10px;
}
.tag-link:last-child {
  margin-right:0
}
.tag-link:hover{background-color:var(--color-1st);color:#fff}
.tag-link{background-color:#fff}