/* ---      КНОПКИ САЙТА     --- */
/* ============================= */
/* === ОБЩИЙ ШАБЛОН ВСЕХ КНОПОК === */


.btn {
   display: inline-block;
   padding: 15px 2px;
   background: linear-gradient(135deg, var(--primary), #0284c7);
   border-radius: 50px;
   border: none;
   box-shadow: var(--shadow-soft);
   color: var(--clr-btn-text);
   font-size: 1.0rem;
   font-weight: 700;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-decoration: none;
   transition: all 0.3s ease;
   cursor: pointer;
}


/* === btn-primary === */
.btn-primary {
   border-radius: 50px;
    box-shadow: 5px 5px 7px rgba(14, 165, 233, .3);
    width: auto;
    margin: 5px 0 10px;
}
.btn-primary:hover {
   transform: scale(1.05);
   box-shadow: var(--shadow-hover);
   border: 2px solid var(--primary);
}



/* === btn-utline === */
.btn-outline {
   color: var(--text-light);
   background: transparent !important;
   border: 2px solid var(--primary);
   border-radius: 50px;
   color: var(--primary);
   border-color: rgba(255,255,255,0.2);
   text-decoration: none;
}

.btn-outline:hover {
   transform: scale(1.05);
   background: var(--primary);
   color: var(--clr-white);
   box-shadow: var(--shadow-hover);
}








/* кнопка для карточки [ ПОДРОБНЕЕ >> ] в category_view */
.btn-sm { 
   margin: 0;
   padding: 8px 20px; 
   font-size: 0.8rem; }


/* кнопка <- НАЗАД */
.btn-back { 
   color: var(--clr-btn-text);
   margin: 0;
   letter-spacing: 0rem;
   padding: 7px 20px;
}

.btn-back:hover { 
   transform: scale(1.05);
   box-shadow: var(--shadow-hover);
   border: 3px solid var(--primary);
}