.login-bg-gradient {
    background-image: linear-gradient(to top left, #ff8533, #ff924f, #ffac7a, #ffc4a1, #ffdcc7);
}

div.login-button-container {
    border-top-color: #212529;
    border-top-width: 1%;
    border-top-style: solid;
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0 100%);
    width: 50%;
    height: 30%;
}

div.login-button-container-left {
    clip-path: polygon(20% 0, 100% 0%, 80% 100%, 0 100%);
    background-color: #FF6700;
    width: 50%;
    height: 100%;
}

div.login-button-container-right {
    clip-path: polygon(20% 0, 100% 0%, 80% 100%, 0 100%);
    background-color: #c2d3de;
    width: 50%;
    height: 100%;
}

div.disabled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #808080;
    opacity: 0.75;
    z-index: 11;
}

button.login-button {
    color: #000000;
    clip-path: polygon(10.4% 0%, 100% 0%, 89.6% 100%, 0% 100%);
    padding-left: 5%;
    padding-right: 5%;
    width: 95%;
    height: 100%;
    background-color: #f2f4f6;
    border-radius: 0%;
    z-index: 10;
    border-style: none;
}

button.login-button:hover {
    color: #FFFFFF;
    background-color: #FF6700;
}

button.login-button:hover ~ div.login-button-container-right {
    background-color: #FF6700;
}

button.login-button:active {
    color: #000000 !important;
    background-color: #c2d3de !important;
}

button.login-button:active ~ div.login-button-container-right {
    background-color: #c2d3de;
}