.hero-section{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:left}.hero-overlay{background:linear-gradient(90deg,rgb(239,235,234) 20%,rgba(255,250,240,.4) 80%),linear-gradient(180deg,rgba(255,250,248,.8) 10%,rgba(255,250,240,.2) 30%)}.third{color:#ffffff;border:3px solid #0f2557;background-image:linear-gradient(30deg,#0f2557 50%,transparent 0);background-size:500px;background-repeat:no-repeat;background-position:0;transition:background-position .6s ease-in-out,color .4s ease-in-out,background-color .4s ease-in-out}.third:hover{background-position:130%;color:#0f2557;background-color:#ffffff}@media (max-width:768px){.hero-overlay{background:linear-gradient(90deg,rgb(239,235,234),rgba(255,250,240,.5)),linear-gradient(180deg,rgba(255,250,248,.8) 5%,rgba(255,250,240,.2) 60%)}}