.darm-view-more {
    background: rgba(240, 90, 40, 0.95); 
    padding: 8px 20px; border-radius: 50px; display: flex; align-items: center; gap: 6px;
    color: #fff; font-weight: bold; transform: translateY(10px); transition: 0.4s;
    font-size: 0.9rem; white-space: nowrap; 
}

.darm-btn-main { padding: 15px 40px; background: #f05a28; color: #fff; border-radius: 50px; text-decoration: none; font-weight: bold; transition: 0.4s; }

@media (max-width: 600px) { 

    .darm-hover-overlay { opacity: 1; background: transparent; }
    .darm-view-more { transform: translateY(0); }
}