.file_button
{
width:89px; position:absolute; visibility:hidden; border:0 none; border-size:0px; border-radius: 5px; outline:none; outline-width:0; outline-style:none; margin: 0; background-color:#FFFFFF";
}

.borrame
{
width:89px; border:0px solid #3D7BAD; border-radius: 5px; outline:none; outline-width:0; outline-style:none; margin: 0; background-color:#FFFFFF";
}

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

/* 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, #28a745, #34d058);
    border: none;
    border-radius: 10px;
    font-weight: 700;
    color: white;
    padding: 10px 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;
}