.button {
    border: 5px solid lightblue;
    border-radius: 10px;
    font-weight: bold;
    transition: background-color 250ms ease-in-out, transform 250ms ease-in-out;
}

.button-sm {
    padding: 5px 10px;
}

.button-lg {
    padding: 10px 20px;
}

.button-white {
    background-color: white;
    color: darkblue;
}

.button-white:hover {
    background-color: lightblue;
    cursor: pointer;
}

.button-blue {
    background-color: #00008B;
    color: white;
}

.button-blue:hover {
    background-color: lightblue;
    color: #00008B;
}

.button > .moveable-icon {
    padding-left: 2px;
    transform: translateX(0);
    transition: transform 250ms ease-in-out;
}

.button:hover > .moveable-icon {
    transform: translateX(4px);
}