.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; } .btn-primary { padding: 0 32px; height: 40px; border-radius: 20px; border: none; font-size: 16px; color: #fff; font-family: 'Myriadpro-SemiBold'; background-color: var(--button-bg-color); display: flex; justify-content: center; align-items: center; min-width: 168px; white-space: nowrap; } .btn-primary:hover { background-color: #c07a05; } @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; } .btn-primary { height: 32px; min-width: 150px; } }