.input-container, .output-container {
    position: relative;
}

.func-buttons {
    display: flex;
    justify-content: center;
    margin: 10px 0;
    
}
.error {
    color: red;
    margin-top: 5px;  
}

.output-container {
    margin-top: 50px;
    
}

@media(min-width:768px) and (max-width:991px){
    .container{
        padding:0 !important;
    }
}
@media(min-width:1200px){
    .in-out-parent-div {
    display: flex;
    width: 100%;
    gap: 20px;
}
.input-container {
    max-width: 450px;
    width: 100%;  
}
.output-inner-parent {
    max-width: 450px;
    width: 100%;
}
.output-container {
    margin-top: 0;
}
}


/*-----*/

.file {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: -15px;
}
.file > input[type="file"] {
  display: none;
}
.file--upload > label {
    color: #3273dc;
    border:unset;
}
.file.file--upload i, .file.file--download i {
    cursor: pointer;
}

.file.file--download {
    right: 45px;
    color: #2e87c9;
    cursor:pointer;
}
/*-----*/

button.copy-output{
    position: absolute;
    top: -15px;
    right: 5px;
}

button.copy-output img {
    width: 20px;
    height: 20px;
        border: unset;
    background: transparent;
}
button.copy-output {
        border: unset;
    background: transparent;
}
button.copy-btn.blue-btn {
    background: linear-gradient(45deg, #b21e1e, #e83434) !important;
}