.rok-subtitle{
	color: var( --e-global-color-secondary );
  font-weight: 900;
  letter-spacing: 3px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900;
}
.rok-heading-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:30px;
}

.rok-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}
.rok-btn {  
	font-size: 16px;  
	font-weight: 600;  
	text-transform: uppercase;  
	letter-spacing: .5px;  
	padding: 12px 20px 12px 28px;  
	border-radius: 5px 5px 5px 5px;
}
.rok-btn-primary{
    background:#ff6a00;
    color:#fff;
    border:2px solid #ff6a00;
	transition: ease-in-out .3s;
}

.rok-btn-primary:hover{
    background:#e55f00;
}

.rok-btn-outline{
    background:transparent;
    color:#fff;
    border:2px solid rgba(255,255,255,.4);
	transition: ease-in-out .3s;
}

.rok-btn-outline:hover{
    background:#fff;
    color:#111;
}

@media(max-width:767px){
	.rok-subtitle{
		color: var( --e-global-color-secondary );
	  font-weight: 900;
	  letter-spacing: 2px;
	  font-size: 14px;
	  text-transform: uppercase;
	  font-weight: 900;
	}
    .rok-heading-buttons{
        flex-direction:column;
        align-items:flex-start;
    }

    .rok-btn{
        width:100%;
        justify-content:center;
		  font-size: 14px;
		  font-weight: 600;
		  text-transform: uppercase;
		  letter-spacing: 1px;
		  padding: 10px 10px 10px 18px;
		  border-radius: 5px 5px 5px 5px;
		}
}