/* Single Buttons */

div.styled-single-button-container {
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0 100%);
    width: 10%;
    height: 30%;
}

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

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

button.styled-single-button {
    color: #000000;
    clip-path: polygon(10.5% 0%, 100% 0%, 89.5% 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.styled-single-button:hover {
    color: #FFFFFF;
    background-color: #FF6700;
}

button.styled-single-button:hover ~ div.styled-single-button-accent-right {
    background-color: #FF6700;
}

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

button.styled-single-button:active ~ div.styled-single-button-accent-right {
    background-color: #c2d3de;
}

button.download-button {
    border-style: none;
    background-color: #c2d3de !important;
}

button.download-button:hover {
    color: #FFFFFF;
}

button.download-button:active {
    color: #000000 !important;
}