.button {
    padding: 15px 30px;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 50px;
    border-color: transparent;
    transition: all 0.4s ease;
    outline: none;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    z-index: 1;
    background: var(--color-blue);
}



.button span {
    position: relative;
    font-size: var(--font-size-medium);
    z-index: 3;
}

.button:hover::after {
    transform: scale(4);
}

.button:hover {
    background: var(--color-blue-accent);
}