@import "colors"; @import "constants"; .card-admin { color: $black; padding-top: 10px; padding-bottom: 10px; width: 236px; height: 200px; border-radius: 4px; border: solid 1px $border-grey; text-align: center; display: flex; flex-direction: column; margin-bottom: 20px; margin-right: 20px; .card-admin-status-accept { color: #50AA75; } .card-admin-status-todo { color: $blue-france-500; } .card-admin-title { font-weight: bold; font-size: 18px; margin-bottom: $default-spacer; } .card-admin-subtitle { font-size: 14px; } .card-admin-action { margin-top: auto; } .button { margin: auto auto 0 auto; } &:hover { color: $blue-france-500; .button { color: $blue-france-500; } } } @media only screen and (max-width: 600px) { .card-admin { margin-left: auto; margin-right: auto; } }