/* Универсальные стили для кнопок "Подробнее" */
.details-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #007bff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 8px 0;
}

.details-button:hover {
    color: #0056b3;
    text-decoration: none;
}

.details-button .button-text {
    color: inherit;
    font-weight: 600;
}

.details-button .button-arrow {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.details-button:hover .button-arrow {
    transform: translateX(3px);
}

/* Варианты кнопок */
.details-button.primary {
    color: #007bff;
}

.details-button.secondary {
    color: #6c757d;
}

.details-button.success {
    color: #28a745;
}

.details-button.danger {
    color: #dc3545;
}

/* Кнопки с фоном */
.details-button.filled {
    background: #007bff;
    color: white;
    padding: 12px 24px;
    border-radius: 6px;
}

.details-button.filled:hover {
    background: #0056b3;
    color: white;
}

.details-button.filled .button-text,
.details-button.filled .button-arrow {
    color: white;
}

.details-button.filled.secondary {
    background: #6c757d;
}

.details-button.filled.secondary:hover {
    background: #545b62;
}

.details-button.filled.success {
    background: #28a745;
}

.details-button.filled.success:hover {
    background: #1e7e34;
}

.details-button.filled.danger {
    background: #dc3545;
}

.details-button.filled.danger:hover {
    background: #c82333;
}