.button {
    height: 50px;
    width: 250px;
    background: #172B4C;
    color: #fff;
    font-weight: 600;
    user-select: none;
    text-decoration: none;
    text-transform: capitalize;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -125px;
    overflow: hidden;
    transition: 500ms;
}

.button.red {
    background: #5B2C2E;
}

.button.green {
    background: #014334;
}

.button.clickable {
    cursor: pointer;
}

.button.clickable:hover {
    background: #28395C;
}

.button.clickable:active {
    background: #000F2E;
}