.learn-btn{
display: flex;
background: var(--darkblue);
color: #fff;
text-decoration: none;
font-size: var(--btn-text);
text-transform: uppercase;
gap: 10px;
align-items: center;
padding: 15px 35px;
margin-top: 20px;
transition:0.2s all ease-in-out;
}
.learn-btn.golden{
background: var(--golden);
color: var(--darkblue);
}
.learn-btn.golden svg path,.learn-btn.white svg path{fill:var(--darkblue) !important;}
.learn-btn.white{
background: var(--white);
color: var(--darkblue);
}
#home-banner .learn-btn:hover{background:var(--white)}
.learn-btn:hover svg,.r-more:hover svg,#form .btn:hover svg,.newsletter form button:hover img{
transform: rotate(45deg);
}
.learn-btn svg,.r-more svg,#form .btn svg,.newsletter form button img{transition:0.3s all ease-in-out;}
#services .learn-btn{border: 1px solid var(--darkblue);}
#services .learn-btn:hover,#bussiness .learn-btn:hover{    background: transparent;
border: 1px solid #fff;
color: #fff;}
#services .learn-btn:hover svg path,#bussiness .learn-btn:hover svg path{fill:#fff !important;}
.learn-btn.black:hover svg path {
fill : var(--darkblue) !important;
}
.learn-btn{border:1px solid transparent;}
#form .btn:hover{transition:0.2s all ease-in-out;}
.view-btn svg{transition:0.3s all ease-in-out;}
.view-btn:hover svg{transform:rotate(45deg);}