:root{--primary-color:#000;--secondary-color:#ac4c08;--third-color:#d0d5dd;--beige-color:#f9f5f2;--primary-font:"Poppins",sans-serif;--secondary-font:"Akzidenz-Grotesk",sans-serif;--secondary-font-medium:"Akzidenz-Grotesk",sans-serif}.bevel-more-info{margin-top:32px;& a{background:transparent url(images/arrow-right-small.24c4f990.png) no-repeat 0;background-size:24px;color:var(--secondary-color)!important;font-size:18px;font-weight:500;padding-left:32px;text-decoration:none;&>.underline{background-color:var(--secondary-color)!important}}}.bevel-secondary-button{& a{background-color:var(--secondary-color);border:1px solid var(--secondary-color);color:#fff;display:block;font-size:18px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;text-decoration:none;width:100%;@media screen and (min-width:1024px){display:inline-block;width:auto}& .text{color:#fff;position:relative;transition:color .5s ease;z-index:2}& .button-bg{background-color:#fff;height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0;z-index:1}&:hover{border:1px solid var(--secondary-color);color:var(--secondary-color);& .button-bg{width:100%}& .text{color:var(--secondary-color)}}}}.bevel-card-preview{& .columns{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;justify-content:space-between;margin:0 -16px}& button{background-color:transparent!important;border:0!important;height:100%;padding:0!important}& .wrap-image{position:relative;width:50%}& .wrap-content{border:1px solid #ccc;padding:0 16px;width:45%}}.bevel-card{gap:0;padding:80px 0;position:relative;& .columns{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;justify-content:space-between;position:relative;width:100%;@media screen and (min-width:1024px){gap:2em;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:1400px}& .wrap-image{position:relative;width:100%;@media screen and (min-width:1024px){width:65%}}& .wrap-content{background-color:#fff;padding:24px;@media screen and (min-width:1024px){background-color:#fff;bottom:20%;left:40%;padding-bottom:40px;padding-left:40px;padding-right:40px;padding-top:40px;position:absolute;width:550px}}& h1,& h2,& h3,& h4,& h5,& h6{color:var(--primary-color);font-size:30px;font-weight:700;margin-bottom:8px;text-transform:uppercase}}&.reverse{& .wrap-image{@media screen and (min-width:1024px){margin-left:40%}}& .wrap-content{z-index:2;@media screen and (min-width:1024px){bottom:20%;left:10%}}}}