.file_button
{
width:90px;
display: block;
padding: 0.375rem 0.75rem; 
color: var(--bs-body-color); 
background-color: var(--bs-body-bg); 
border: var(--bs-border-width) solid var(--bs-border-color); 
background-clip: padding-box;
position:absolute; 
visibility:hidden; 
order:0 none; 
border-radius: var(--bs-border-radius); 
outline:none; 
outline-width:0; 
outline-style:none; 
margin: 0; 
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.file_text
{
width:120px; height:19px; border:1px solid #B8B8B8; border-radius: 5px; outline:none; background-color:#e8fcf6;
}

/* Remove arrows in Chrome, Edge, Safari */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove arrows in Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.cool-btn1 {
    background: linear-gradient(135deg, #81c2ad, #76cfb2);
    border: none;
    border-radius: 10px;
    font-weight: 700;
    color: white;
    padding: 0px 24px;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(40, 167, 69, 0.35);
    transition: all 0.2s ease-in-out;
}

.cool-btn1:hover {
    transform: translateY(0px);
    box-shadow: 0 6px 16px rgba(40, 167, 69, 0.45);
}

.cool-btn1:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(40, 167, 69, 0.25);
}



.cool-btn2 {
    background-color: #28a745;
    border: none;
    border-radius: 6px;
    padding: 10px 25px;
    font-weight: 600;
    color: white;
    transition: 0.15s ease-in-out;
}

.cool-btn2:hover {
    background-color: #22c15e;
}

.cool-btn2:active {
    background-color: #1ea653;
    transform: scale(0.97);
}

.cool-btn3 {
    background-color: #28a745;
    border: 2px solid #28a745;
    border-radius: 8px;
    padding: 10px 22px;
    font-weight: 700;
    color: white;
    text-shadow: 0 0 4px rgba(255,255,255,0.3);
    box-shadow: 0 0 10px rgba(40,167,69,0.6);
    transition: 0.15s ease-in-out;
}

.cool-btn3:hover {
    box-shadow: 0 0 18px rgba(40,167,69,0.9);
}

.cool-btn3:active {
    transform: scale(0.95);
}


.cool-btn4 {
    border: 2px solid #28a745;
    background: transparent;
    color: #28a745;
    border-radius: 6px;
    padding: 10px 22px;
    font-weight: 600;
    transition: 0.2s ease;
}

.cool-btn4:hover {
    background: #28a745;
    color: white;
}