Если ты хочешь, чтобы блок занимал допустим половину от основного блока, то тебе надо что-то такое. Если ты хочешь изменять размер шрифта в зависимости от разрешения устройства забудь про указание в px любых размеров. А если надо, чтоб на мобилке было нормально видно нужен или бутстрап или медиазапросы писать)
.container{
height: 500px;
font-family: KTF;
}
.preview_info {
position: relative;
width: 50%;
display: flex;
height: 100%;
flex-direction:column;
}
.preview_info p{
position: relative;
margin-top: 53px;
font-size: 1.2rem;
}
.btn_sub{
position: relative;
border: none;
font-size: 1.4em;
color: #FFF;
letter-spacing: 2px;
font-family: Leto;
border-radius: 22px;
padding: 30px;
background-color: #bd8c95;
}
.btn_sub:hover{
background-color: #B2848C;
transition: 1s;
}