Our team of experts is here to answer any questions you may have and help you find the perfect solution for your needs. You can reach us by phone, email, or through our website. Don’t hesitate, let us help you find the best solution for you today.
section#button-container .container {
max-width: 900px;
margin: 0 auto;
position: relative;
display: block;
float: left;
width: 100%;
left: 50%;
transform: translateX(-10%);
}
section#button-container .button {
margin: 20px;
float: left;
position: relative;
font-family: arial;
text-transform: uppercase;
color: #061c43;
font-weight: bold;
cursor: pointer;
}
section#button-container .button .label {
padding: 10px;
display: inline-block;
}
section#button-container .button.v6:hover .icon {
transform: scale(0.9);
}
section#button-container .button.v6:hover .icon:before, section#button-container .button.v6:hover .icon:after {
width: 100%;
}
section#button-container .button.v6:hover .icon span:before, section#button-container .button.v6:hover .icon span:after {
height: 100%;
}
section#button-container .button.v6 .label {
padding: 15px 28px;
}
section#button-container .button.v6 .icon {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: skew(-40deg, 0deg);
transition: all 0.5s;
}
section#button-container .button.v6 .icon:before, section#button-container .button.v6 .icon:after {
content: "";
height: 2px;
width: 30px;
position: absolute;
display: block;
background: #061c43;
transition: width 0.5s;
}
section#button-container .button.v6 .icon:before {
left: 0;
top: 0;
}
section#button-container .button.v6 .icon:after {
right: 0;
bottom: 0;
}
section#button-container .button.v6 .icon span:before, section#button-container .button.v6 .icon span:after {
content: "";
background: #061c43;
position: absolute;
display: block;
width: 2px;
height: 30px;
transition: height 0.5s;
}
section#button-container .button.v6 .icon span:before {
left: 0;
top: 0;
}
section#button-container .button.v6 .icon span:after {
right: 0;
bottom: 0;
}
@media screen and (max-width: 700px){
section#button-container .container{
transform: translateX(-25%)
}
}
const contactUs = () => { window.open("/contact", "_self") }