.button{
    display:block;
    width: 100%;
    height: 42px;
    margin: 0 auto;
    text-align: center;
    line-height: 42px;
    text-decoration: none!important;
    border-radius:10px}

.primary.button{
    color: #fff;
    background: #06f;
    box-shadow:0 0 110px rgba(0,153,255,.13),inset 4px 10px 16px rgba(0,153,255,.4),inset -4px -10px 16px rgba(0,34,136,.3),0 1px 2px rgba(0,0,102,.3),1px 2px 4px rgba(0,0,102,.2),2px 4px 6px rgba(0,34,136,.14),4px 6px 10px rgba(0,34,136,.13),6px 10px 16px rgba(0,34,136,.1)}

.secondary.button{
    border: 2px solid #06f;
    line-height: 38px;
    font-weight: 500;
    color: #06f}

@media(hover:hover){
    .button,.green-button{transition:all .5s ease-in-out}
    
    .button:hover,.green-button{
        text-decoration: none!important;
        filter: brightness(1.2)}
}