.btn{
    padding: 10px 20px;        /* px */
    border: none;
    border-radius: 4px;
    font-size: 14px;
}

.btn:hover {
    cursor: pointer;
}

.primary{
    background-color: #007bff;
    color: white;
}

.danger{
    background-color: #dc3545;
    color: white;
}

.large{
    font-size: 1.2rem;         /* rem unit */
}

/* Layout Boxes */
.box{
    padding: 1.5rem;           /* rem */
    margin-bottom: 2vh;        /* vh */
    border-radius: 0.25em;     /* em */
    font-family: Arial, Helvetica, sans-serif;
}

/* Color Themes */
.info{
    background-color: #e7f3ff;
    border-left: 5px solid #0077cc;
}

.warning{
    background-color: #fff4e5;
    border-left: 5px solid #ff9800;
}

.success{
    background-color: #e6f4ea;
    border-left: 5px solid #00cc29;
}