.taplink,
.taplink * {
  box-sizing: border-box;
}


body {
    overflow-x: hidden; 
    overflow-y: hidden; 
    margin: 0;
}

.taplink {
    background-image: linear-gradient(to right top, #0778e3, #008eed, #00a2f1, #00b5f2, #03c7f0);
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    align-content: space-around;
    flex-wrap: wrap;
}

.bottom {
    width: auto;
    height: auto;
    margin: 7vh auto 19vh auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    flex-wrap: wrap;
}

.phone {
  margin-top: 15px;
  color: #ffffff;
  text-align: center;
  font: 500 20px/22px "Proxima Nova", sans-serif;
  left: calc(50% - 86px);
  font-size: 2rem;
}

.email {
  
  color: #ffffff;
  text-align: center;
  font: 500 20px/22px "Proxima Nova", sans-serif;
  left: calc(50% - 66px);
  font-size: 2rem;
}

.bg-elements {
  position: absolute;
}

.logo {
    margin: 3rem 1rem 3rem 1rem;
    width: 41vw;
    height: auto;
}

.block {
    display: flex;
    width: 280px;
    height: 48px;
    margin: 2.5rem;

    .svg {
        left: 40px;
        top: 210px;
        overflow: visible;
    }
    .pres-btn {
        width: 224px;
        height: 48px;
        position: relative;
        margin-left: 10px;

        .pres-bg {
            background: #ffffff;
            border-radius: 8px;
            width: 224px;
            height: 48px;
            position: absolute;
            left: 0px;
            top: 0px;

            .text {
                color: #007fff;
                text-align: left;
                font: 700 24px/24px "Proxima Nova", sans-serif;
                position: absolute;
                left: calc(50% - 92px);
                top: 12px;
            }
        }
    }

  }