.btn-line-blue{ padding: 0 25px; height: 40px; border-radius: 20px; border: none; background-image: linear-gradient(to right, #00b9b7 , #00e1a0); font-size: 16px; line-height: 40px; color: #fff; /* transition: 0.8s; */ font-family: 'Myriadpro-SemiBold'; /* min-width: 100px; */ } .btn-line-blue.border-transparent{ border: 2px solid transparent; } .btn-line-blue:hover{ /* background-image: linear-gradient(to top, #00b9b7 , #00e1a0); */ transition: 0s; background: #00C0B4; color: #ffffff; } .btn-custom-hei{ height: 36px; line-height: 36px; border-radius: 18px; } .btn-line-blue.btn-p35{ padding: 0 35px; } @media screen and (max-height: 700px) { .btn-line-blue { padding: 0 15px; height: 32px; line-height: 32px; border-radius: 16px; border: none; font-size: 14px; background-image: linear-gradient(to right, #00e1a0 , #00b9b7); color: #fff; /* transition: 0.8s; */ font-family: 'Myriadpro-SemiBold'; /* min-width: 80px; */ } .btn-line-blue.btn-p35{ padding: 0 25px; } }