.banner{
    width: 23%;
    background-color: dodgerblue;
    padding : 5%;
    font-size : 37px;
}
.button{
    width: fit-content;
}
.bgcolor{
    background-color: cadetblue;
}
.button button{
    padding: 12px 28px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    border: 4px solid transparent;
    border-radius: 10px;
    background-color: lightgreen;
    background-image: linear-gradient(lightgreen, lightgreen), linear-gradient(90deg, gold, yellow, gold);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    cursor: pointer;
    transition: color 0.3s ease;
}
.button button:hover{
    color: #003333;
    background-color: cyan;
    background-image: linear-gradient(cyan, cyan), linear-gradient(90deg, gold, yellow, gold);
    animation: flash-gradient 0.8s linear infinite;
}
@keyframes flash-gradient{
    0%, 100% {
        background-image: linear-gradient(cyan, cyan), linear-gradient(90deg, gold, yellow, gold);
    }
    50% {
        background-image: linear-gradient(cyan, cyan), linear-gradient(90deg, yellow, gold, yellow);
    }
}