section.large-buttons{background:#171B40}section.large-buttons .bg-pattern{position:absolute;width:120%;top:0;left:-10%;z-index:1}section.large-buttons+section .wrapper{position:relative;z-index:2}section.large-buttons .wrapper .content{position:relative;z-index:2;text-align:center}section.large-buttons .wrapper .content h3{background:-webkit-linear-gradient(0deg,#F1DC4E,#ED702D);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3rem}section.large-buttons .wrapper .content p,section.large-buttons .wrapper .content p *{font-family:Poppins,sans-serif;font-weight:700;font-size:1.125rem;color:#f1dc4e;line-height:1.1;line-height:normal;letter-spacing:1px}section.large-buttons .wrapper .content .btns{justify-content:center}section.large-buttons .wrapper .buttons{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:2rem}section.large-buttons .wrapper .buttons .button{position:relative;aspect-ratio:1.84/1;width:100%;border-radius:1rem;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;text-decoration:none;cursor:pointer}section.large-buttons .wrapper .buttons .button .image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}section.large-buttons .wrapper .buttons .button .image img{width:100%;height:100%;object-fit:cover;object-position:center}section.large-buttons .wrapper .buttons .button:hover .image{opacity:.5}section.large-buttons .wrapper .buttons .button:hover .bg{transform:scale(1.1);opacity:.5}section.large-buttons .wrapper .buttons .button .bg{position:absolute;z-index:1;transition:all .3s ease}section.large-buttons .wrapper .buttons .button span{position:relative;z-index:2;font-family:Poppins,sans-serif;font-weight:700;font-size:1.6875rem;color:#171b40;line-height:1.1}section.large-buttons .wrapper .buttons .button:nth-child(1){background:#F1DC4E}section.large-buttons .wrapper .buttons .button:nth-child(1) .bg{height:100%;width:100%}section.large-buttons .wrapper .buttons .button:nth-child(2){background:#ED702D}section.large-buttons .wrapper .buttons .button:nth-child(2) .bg{height:100%;right:0;bottom:0}@media only screen and (min-width: 992px){section.large-buttons .wrapper .content{text-align:center}section.large-buttons .wrapper .content h3{font-size:6rem}section.large-buttons .wrapper .content p{font-size:1.25rem}section.large-buttons .wrapper .buttons{grid-template-columns:1fr 1fr}section.large-buttons .wrapper .buttons .button span{font-size:2.625rem}}
