button {
    line-height: 1;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    gap: 0.35em;
    padding: 20px 40px;
    color: #fff;
    border: 1px solid transparent;
    font-size: 1.3em;
    border-radius: 2em;
    box-shadow: 0 0.7em 1.5em -0.5em hsla(249, 62%, 51%, 0.745);
    transition: transform 0.3s;
    background: linear-gradient(90deg,
            rgba(77, 54, 208, 1) 0%,
            rgba(132, 116, 254, 1) 100%);
    transition: 0.6s;
}

button:hover {
    border-color: #f4f5f2;
    transition: 0.6s;
}

button:active {
    transform: scale(0.98);
    box-shadow: 0 0.5em 1.5em -0.5em hsla(249, 62%, 51%, 0.745);
}

p.barva{
    color: rgb(255, 0, 0);
}

main{
    background-color: black;
}