.input-wrapper {
  display: flex;
  width: 100%;
  position: relative;
}

input {
  flex: 1;
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
  outline: none;
  border: 2px solid;
}

button {
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
  transition: background 0.3s;
}

#pasteButton {
  position: absolute;
  right: 10px;
  background: linear-gradient(45deg, #188be5, #264ab3, #591db9, #722493, #083756);
  color: white;
  margin: 4px -6px;
    padding: 8px;
}
#pasteButton:hover {
 background: linear-gradient(45deg, #81afd3, #4b6ac7, #4b218f, #5c4747, #4490c3);
  color: white;
}
#clearButton {
  position: absolute;
  right: 10px;
  background: linear-gradient(45deg, #188be5, #264ab3, #591db9, #722493, #083756);
  color: white;
  display: none;
  margin: 4px -6px;
  padding: 8px;
}
#clearButton:hover {
 background: linear-gradient(45deg, #81afd3, #4b6ac7, #4b218f, #5c4747, #4490c3);
  color: white;
}

#downloadButton {
  width: 100%;
  background: linear-gradient(45deg, #188be5, #264ab3, #591db9, #722493, #083756);
  color: white;
  font-size: 18px;
  margin: 10px 0px;
  border: 1px solid black;
}
#downloadButton:hover {
 background: linear-gradient(45deg, #81afd3, #4b6ac7, #4b218f, #5c4747, #4490c3);
  color: white;
}

button:active {
background: linear-gradient(45deg, #30dd2d, #007e0c, #27b91d, #21a12a, #246e07)!important;
}

/* Responsive Design */
@media (max-width: 480px) {
  input {
      font-size: 14px;
  }

  button {
      font-size: 14px;
  }
}
@media (min-width: 468px) {
  .col-sm-6 {
    width: 32%;
}
}