.r-two-btn {    display: flex;    height:calc(100vh - 159px);    height: calc(var(--vh, 1vh) * 100 - 159px);    width: 100%; }.r-two-btn .r-two-btn-part .r-two-btn-text {    text-align: center;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%); }.r-two-btn .r-two-btn-part .r-two-btn-text img {    margin-bottom: 35px; }.r-two-btn .r-two-btn-part .r-two-btn-text p {    font-family: MS Sans Serif;    text-transform: uppercase;    color: white;    font-size: 25px;    text-align: center;    font-weight: bold;    width: 435px;    line-height: 31px;    position: relative;}.r-two-btn .r-two-btn-part .r-two-btn-text p span {    font-size: 21px;    font-weight: normal;    font-family: MS Sans Serif;    text-align: center;    color: white;    text-transform: lowercase;}.r-two-btn .r-two-btn-part .r-two-btn-text p:after {    transition: opacity .5s;    left: 50%;    transform: translateX(-50%);    position: absolute;    bottom: -65px;    opacity: 0;    display: block;    content: "";    background: url("../images/r-two-btn/pc-hover-effect.png");    background-size: contain;    height: 47px;    width: 85px; }.r-two-btn .r-two-btn-part:hover .r-two-btn-text p:after {    opacity: 1;    transition: opacity .3s; }.r-two-btn .r-two-btn-part {    position: relative; }.r-two-btn .r-two-btn-left {    border-right: 1px solid white;    background: url("../images/r-two-btn/it-ua-transfer-bg(pc).jpg");    background-size: cover;    width: 50%; }.r-two-btn .r-two-btn-right {    border-left: 1px solid white;    background: url("../images/r-two-btn/it-yarn-wholesale-bg(pc).jpg");    background-size: cover;    width: 50%; }@media screen and (max-width: 992px) {    .r-two-btn .r-two-btn-part .r-two-btn-text p {        font-size: 21px;        width: 350px; }    .r-two-btn .r-two-btn-part .r-two-btn-text p span {        font-size: 17px; } }@media screen and (max-width: 750px) {    .r-two-btn .r-two-btn-part .r-two-btn-text img {        margin-bottom: 20px; }    .r-two-btn .r-two-btn-part .r-two-btn-text p {        margin-top: 0;        font-size: 17px;        line-height: 24px;        width: 300px; } }@media screen and (max-height: 580px) {    .r-two-btn {        display: flex;        height: calc(100vh - 45px);        height: calc(var(--vh, 1vh) * 100 - 45px);    }    .r-two-btn .r-two-btn-part .r-two-btn-text img {        max-height: 100px; } }@media screen and (max-height: 430px) {    .r-two-btn .r-two-btn-part .r-two-btn-text img {        max-height: 100px; }    .r-two-btn .r-two-btn-part .r-two-btn-text p {        font-size: 14px;        line-height: 20px; }    .r-two-btn .r-two-btn-part .r-two-btn-text p span {        font-size: 14px; } }@media screen and (max-width: 620px) {    .r-two-btn {        height:calc(100vh - 45px);        height: calc(var(--vh, 1vh) * 100 - 45px);    }    .r-two-btn .r-two-btn-part .r-two-btn-text p {        width: 300px; } }@media screen and (max-width: 620px) {    .r-two-btn .r-two-btn-part:hover .r-two-btn-text p:after {        display: none; }    .r-two-btn {        flex-direction: column; }    .r-two-btn .r-two-btn-part {        width: 100%;        height: 100%; }    .r-two-btn .r-two-btn-right {        border-left: none;        border-top: 1px solid white; }    .r-two-btn .r-two-btn-left {        border-right: none;        border-bottom: 1px solid white; } }@media screen and (max-width: 480px) {    .r-two-btn .r-two-btn-left {        background: url("../images/r-two-btn/it-ua-transfer-bg.jpg");        background-size: cover;    }    .r-two-btn .r-two-btn-right {        background: url("../images/r-two-btn/it-yarn-wholesale-bg.jpg");        background-size: cover;    }}@media screen and (max-width: 420px) {    .r-two-btn .r-two-btn-part .r-two-btn-text p {        margin-top: 0;        width: 150px; }    .r-two-btn .r-two-btn-part .r-two-btn-text p {        font-size: 17px;        width: 300px;        line-height: 21px;    }    .r-two-btn .r-two-btn-part .r-two-btn-text p span {        font-size: 16px; } }@media screen and (max-height: 430px){    .r-two-btn .r-two-btn-part .r-two-btn-text p {        margin-top: 0;        width: 150px; }    .r-two-btn .r-two-btn-part .r-two-btn-text p {        font-size: 14px;        width: 230px;        line-height: 21px;    }    .r-two-btn .r-two-btn-part .r-two-btn-text p span {        font-size: 16px; } }