.flip-card { background-color: transparent; width: 100%; max-width: 500px; height: 350px; perspective: 1000px; margin-bottom:20px;}
.flip-card a { color: #007bff!important; text-decoration: underline; font-size:14px!important; font-weight: 400!important;}
.flip-card a.clickable { color: #007bff!important; text-decoration: none; font-size:18px!important; font-weight: 400!important; text-decoration: none;}
.flip-card a.clickable:hover { text-decoration: underline; }
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: left; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); border: 1px solid #cdcdcd;  border-radius: 2px;}
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-card-front { background-color: #fff; color: #333; padding: 20px; }
.flip-card-back { background-color: #fbefd3; color: #333; transform: rotateY(180deg); padding: 20px; }
.flipcard-toolbar {margin-top: 10px;}
.flipcard-toolbar-item {display: inline-block; margin: 5px; text-align: center;width:50px;height:50px;border-radius:50%; border:1px solid #333; padding: 8px;}
.flipcard-toolbar-item:hover {background: powderblue;}
.flipcard-toolbar-item img {width:30px!important;height:30px!important; margin: 0!important;position: unset!important;}