@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");
/* global Variable */
:root {
  --main: #ef2006;
  --black: #000;
  --white: #fff;
  --font_family: "Montserrat";
  --color-bg: #1f2641;
  --color-bg1: #2e3267;
  --color-bg2: #424890;
  --color-primary: #6c63ff;
  --color-success: #00bf8e;
  --color-warning: #f7c94b;
  --color-danger: #f75842;
  --container-width-lg: 80%;
  --container-width-md: 90%;
  --container-width-sm: 94%;

  --transition: all 400ms ease;
}
body {
  position: relative;
}

.wrapper2 {
  font-family: "Poppins";
  letter-spacing: 0.375em;
  max-width: 25em;
  font-size: 2em;
  font-weight: 300;
  border-bottom: 0.0625em solid goldenrod;
  margin: 0.75rem 0 0 3rem;
}
.download {
  display: inline-block;
  padding: 12px 20px;
  margin: 0px 8px;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 10px;
  background: var(--color-bg1);
  color: var(--white);
  text-align: center;
  border-radius: 1rem;
  box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.4),
    inset 10px 10px 10px -10px rgba(0, 0, 0, 0.8);
  transition: all 1s ease-in-out;
  position: absolute;
  top: 25rem;
  left: 35rem;
}
.download:hover {
  box-shadow: 10px 10px 10px -10px rgba(136, 18, 190, 0.7),
    inset 10px 10px 10px -10px rgba(12, 170, 64, 0.9);
}