.btn-primary,

.btn-success,

.btn-secondary,

.btn-warning,

.btn-show, /* Added from employees.css */

.btn-new-type {

background-color: #ff2e6f;

min-width: 120px; /* Adjust as needed */

padding: 12px 22px;

font-weight: 700;

border-radius: 8px;

font-family: 'Courier New', monospace;

font-size: 16px;

cursor: pointer;

text-decoration: none;

transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;

box-sizing: border-box;

border: none; /* Default to no border, specific buttons can add it */

white-space: nowrap; /* Prevents button text from wrapping */

display: inline-flex; /* For icon + text alignment */

align-items: center;

justify-content: center;

gap: 8px;

text-align: center;

margin-top: 3opx;

}



/* --- Specific Standard Button Colors & Hovers --- */



/* Primary Button (Main Action / Update) */

.btn-primary {

background-color: #ff2e6f;

color: #fff;

}

.btn-primary:hover {

background-color: #e82a64;

box-shadow: 0 0 8px #ff2e6f;

transform: scale(1.03);

}



/* Secondary Button (Cancel / Outline) */

.btn-secondary {

background-color: transparent;

border: 2px solid #ff2e6f;

color: #ff2e6f;

/* Removed margin-left: 10px; This should be handled by a parent container's gap or specific margin utility */

}

.btn-secondary:hover {

background-color: #ff2e6f;

color: #fff;

border-color: #ff2e6f;

}



/* Success Button (Create / Save) - Keep this consistent with the pink theme */

.btn-success {

background-color: #ff2e6f; /* Changed from green in employees.css for theme consistency */

color: #fff;

box-shadow: 0 0 10px rgba(255, 46, 111, 0.6);

margin-bottom: 24px; /* Keep this if this margin is desired globally for success buttons */

}

.btn-success:hover {

background-color: #e82a64; /* Darker pink on hover */

box-shadow: 0 0 12px #ff2e6f;

transform: scale(1.05);

}

.btn-success i { /* For icon within success button */

font-size: 20px;

transition: transform 0.3s ease;

}

.btn-success:hover i {

transform: rotate(20deg) scale(1.2);

}



/* Show Button (New from employees.css) */







/* Edit Button */

.btn-edit {

background: linear-gradient(135deg, #ff2e6f, #ff2e6f);

color: #fff;

}

.btn-edit:hover {

background: linear-gradient(135deg, #e84393, #c41f5a);

transform: scale(1.05);

}



/* Delete Button */

.btn-delete {

background-color: #cc224e;

color: #fff;

}

.btn-delete:hover {

background-color: #a31a3e;

transform: scale(1.05);

}



/* Back Button */

.btn-back {

background-color: transparent;

color: #ccc;

border: 2px solid #ccc;

border-radius: 8px;

padding: 10px 18px;

font-size: 15px;

font-weight: 600;

cursor: pointer;

display: inline-flex;

align-items: center;

gap: 8px;

transition: all 0.3s ease;

font-family: 'Courier New', monospace;

margin-top: 24px;

text-decoration: none;

}

.btn-back:hover {

background-color: #ff2e6f;

color: #fff;

border-color: #ff2e6f;

}

.btn-back i {

font-size: 18px;

}



/* Action Buttons Container (common for tables) */

.action-buttons {

display: flex;

justify-content: center;

gap: 12px; /* Ensure consistent gap */

}