@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.fancyButton {
    border:  auto solid green;
    background-color: transparent;
    padding: 38% 35%;
    text-align: center;
    border-radius: 2%;
    transition-duration: 0.4s;
    color: rgb(0, 0, 0);
    outline: none;
    font-family: 'Roboto', sans-serif !important;
    font-size:  30px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.fancyButton:hover { 
    background-image: url("images/header.png"), linear-gradient( 292.6deg, rgba(255,255,255,1) -44.1%, rgba(40,167,69,1) 100.5% );
    color: white;
}

button:focus {
    outline: none;
}

button {
    margin: auto;
    width: auto;
    height: auto;
}