@import url('https://fonts.googleapis.com/css?family=Bangers&display=swap');

.stylishButton
{
  background: #00b4b9cc;
  color: white;
  position: absolute;
  right: 45px;
  bottom:60px;
  padding: 15px 15px;
  border-radius: 50%;
  transform: rotate(16deg);
  font-family: 'Bangers', cursive;
  letter-spacing: 1px;
}

.stylishButton .border
{
  border: dashed 3px #df2c4c !important;
   border-radius: 50%;
  padding: 55px 10px;
}

.registrateButton
{
  position: absolute;
    bottom: 18%;
    right: -9px;
    width: auto;
    height: fit-content;
}

.registrateButton img
{
  width: 100%;
}

@media screen and (max-width: 1280)
{
  .registrateButton {
      bottom: 10%;
  }
}

@media screen and (max-width: 800px)
{
   .registrateButton {
      bottom: 10%;
      width: 300px;
  }
}

@media screen and (max-width: 500px)
{
   .registrateButton {
        bottom: 3%;
        width: 200px;
        opacity: 0.87;
    }
}