.card-mode-card-flip-button{background-color:transparent;border:1px solid var(--border-color);box-sizing:border-box;border-radius:20;color:var(--text-color)}.card-mode-card-flip-button:hover{cursor:pointer}.card-mode-navigation-container{display:flex;flex-flow:row;max-height:50px;justify-content:center;width:100%;max-width:700px;margin:0 auto;box-sizing:border-box}.card-mode-container{display:grid;grid-template-rows:auto auto auto;width:100%;padding:0;margin:0 auto}.card-mode-card{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border:1px solid var(--border-color);box-shadow:0 0 5px #ccc;width:100%;max-width:500px;height:250px;padding:20px 10px 10px;box-sizing:border-box;position:relative}.card-mode-card p{padding-left:20px;padding-right:20px;margin:0;display:flex;justify-content:center;align-items:center;height:100%;flex-grow:1;font-size:20px}.card-mode-card button{width:100px;height:30px;align-self:flex-end;margin-top:10px}.card-mode-card-row{display:flex;flex-flow:row;justify-content:space-evenly;width:100%;max-width:700px;margin-bottom:10px}.card-mode-cards{flex-flow:column;width:100%;overflow:scroll;align-items:center}.card-mode-cards,.card-mode-translation{display:flex;max-width:700px;box-sizing:border-box;margin:0 auto}.card-mode-translation{flex-flow:row;justify-content:center;height:100px;width:inherit;width:100%;border-bottom:1px solid black}.card-mode-translation p{display:flex;justify-content:center;align-items:center}.card-counter{flex:1 1;text-align:center;position:relative;padding-top:5px}@media screena and (max-width:768){.card-mode-container{grid-template-rows:auto auto auto auto}.counter{height:1px}}