Responsywny przycisk

Question

Witam, szybkie pytanie: Mam przycisk zrobiony w cssie, chciałbym żeby jego rozmiar zmieniał i się razem z zmniejszaniem/zwiększaniem okna w przeglądarce i pozostawał w tym samym miejscu, co powininem dodać do mojego ccs,u?

.button {
  display: block;
  position: absolute;
  left: 40%;
  top: 75%;
  height: 2.5rem;
  padding-top: 1.3rem;
  width: 15rem;
  text-align: center;
  color: rgb(255, 255, 255);
  border: #fff solid 0.2rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 4;
}

 

Answer 1

@media queries

Answer 2

Najprostsze rozwiązanie ale nie jedyne to zastosowanie jednostek względnych czyli np: % lub vw. Sprawdzi się jeżeli zależy Ci na płynnej zmianie rozmiaru.