.pdf {
    width: 20px;
    height: 24px;
    background-image: url(../images/pdf.svg);
    background-position: 0px;
    border: none;
    border: 0.1px #FF4D49;
}
.png {
    width: 24px;
    height: 24px;
    background-image: url(../images/png.svg);
    background-position: 0px;
    border: none;
    border: 0.1px #666CFF;
}
.jpg {
    width: 24px;
    height: 24px;
    background-image: url(../images/jpg.svg);
    background-position: 0px;
    border: none;
    border: 0.1px #FDB528;
}
.btn-back {
    background: transparent;
    border: 1px solid #6D788D;
    color: #6D788D;
}

select > option {
    padding: 8px 16px;
    height: 40px;
    background: #fff;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4C4E64;
  }
:root {
--red_primary: #D72134;
--red_secondary: #B91E2D;
--blue_primary: #3A387D;
--blue_secondary: #1F2251;

--bg_white: #FFFFFF;
--bg_gray: #F2F2F2;

--color_white: #FFFFFF;
--color_gray: rgba(93, 106, 130, 0.78);

--input_red: #E00000;
--input_blue: #458FCD;
--input_gray: #6B737A;
}
.button-gray,
.button-white,
.button-secondary,
.button-primay {
  width: 122px;
  width: min-content;
  padding: 0 36px;
  height: 40px;
  background: var(--red_primary);
  border-radius: 8px;
  border: none;
  color: var(--bg_white);
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
  cursor: pointer;
}

.button-secondary {
  background: var(--red_secondary);
}

.button-white {
  background-color: var(--bg_white);
  color: var(--red_primary);
  border: 1px solid var(--red_primary);
}

.button-gray {
  background-color: var(--bg_gray);
  color: var(--red_primary);
  border: 1px solid var(--red_primary);
}