@import url("./variables.css");

button {
    padding: var(--btn-padding);
    border-radius: var(--btn-border-radius);
    font-size: 11pt;
    transition: .3s ease;
}

.dark-button {
    border: none;
    background-color: var(--dark-blue-400);
    color: white;
}
.dark-button:hover {
    background-color: var(--dark-blue-300);
}

.light-button {
    border: 1px solid var(--dark-blue-300);
    background-color: var(--light-blue-200);
    color: var(--dark-blue-300);
}
.light-button:hover {
    background-color: white;
}

.cypher-type {
    border: 1px solid var(--dark-blue-300);
    margin: 0 0 calc(var(--std-margin-side) /3) 0;
    padding: 0 1rem;
    height: 3rem;
    color: var(--gray-500);
    transition: .32s ease-in;
}
.cypher-type:focus {
    color: var(--gray-500);
}