.costume-image{position:relative}.costume-image .dot{position:absolute;display:flex;justify-content:center;align-items:center;width:2.5em;height:2.5em;background-color:#c14545;box-shadow:0 0 0 2px rgba(255,255,255,.8);border-radius:50%;color:#fff;font-size:1em;font-weight:700;text-decoration:none;cursor:pointer;transform:translate(-1.25em,-1.25em) scale(.5);transform-origin:center center;opacity:0;transition:all .2s}.costume-image:hover .dot,.costume-image .dot.show{opacity:1;transform:translate(-1.25em,-1.25em) scale(.99)}.costume-image .dot:hover{transform:translate(-1.25em,-1.25em) scale(1.5)}@media(hover:none){.costume-image .dot{width:1.5em;height:1.5em;box-shadow:0 0 0 1px rgba(255,255,255,.8);font-weight:400;transform:translate(-0.75em,-0.75em);opacity:1}}