Venislav Georgiev
Portrait & Wedding Photographer
Wedding photographer in Tyrol and the Alpine region.
I will accompany your wedding day from start to finish. If you are interested, I look forward to receiving your inquiry.
“A wedding consists of many moments. My task is to preserve those that matter to you for a lifetime.”
/* =========================================================
========================================================= */
.ven-gold-button-wrap {
display: flex;
justify-content: left;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
/* =========================================================
GOLD BUTTON
========================================================= */
.ven-gold-button {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 180px;
height: 49px;
padding: 0 14px;
margin: 0;
box-sizing: border-box;
text-decoration: none !important;
color: #111111 !important;
background: rgba(215,174,104,0.88);
border: 1px solid rgba(255,255,255,0.65);
-webkit-tap-highlight-color: transparent;
cursor: pointer;
transition:
background 0.6s cubic-bezier(0.22,1,0.36,1),
border-color 0.6s cubic-bezier(0.22,1,0.36,1),
transform 0.6s cubic-bezier(0.22,1,0.36,1),
box-shadow 0.6s cubic-bezier(0.22,1,0.36,1);
}
/* =========================================================
TEXT
========================================================= */
.ven-gold-button > span:first-child {
font-size: 9px;
font-weight: 600;
letter-spacing: 2px;
line-height: 1;
white-space: nowrap;
color: #111111 !important;
background: transparent;
padding: 0;
margin: 0;
border: none;
}
/* =========================================================
ARROW — SINGLE OBJECT
========================================================= */
.ven-gold-arrow {
position: relative;
display: block;
width: 10px;
height: 10px;
flex: 0 0 10px;
margin-left: 8px;
padding: 0;
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
overflow: visible;
/*
The complete arrow moves together.
*/
transition:
transform 0.8s cubic-bezier(0.16,1,0.3,1),
opacity 0.6s ease;
will-change: transform;
}
/* =========================================================
ARROW SHAFT
========================================================= */
.ven-gold-arrow::before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: 9px;
height: 1px;
background: #111111;
border: none;
border-radius: 0;
box-shadow: none;
transform: rotate(-45deg);
}
/* =========================================================
ARROW HEAD
========================================================= */
.ven-gold-arrow::after {
content: "";
position: absolute;
right: 0;
top: 1px;
width: 4px;
height: 4px;
background: transparent;
border-top: 1px solid #111111;
border-right: 1px solid #111111;
border-left: none;
border-bottom: none;
border-radius: 0;
box-shadow: none;
}
/* =========================================================
DESKTOP HOVER
========================================================= */
@media (min-width: 601px) {
.ven-gold-button:hover {
background: rgba(235,198,130,0.96);
border-color: rgba(255,255,255,0.95);
transform: translateY(-1px);
box-shadow:
0 6px 22px rgba(0,0,0,0.16);
}
/*
Move the entire arrow as ONE object.
*/
.ven-gold-button:hover .ven-gold-arrow {
transform: translate3d(2px,-2px,0);
opacity: 0.92;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.ven-gold-button-wrap {
display: flex;
justify-content: center;
align-items: center;
}
.ven-gold-button {
width: 180px;
height: 45px;
padding: 0 11px;
}
.ven-gold-button > span:first-child {
font-size: 8px;
letter-spacing: 1.5px;
}
/* -----------------------------------------------------
MOBILE ARROW
----------------------------------------------------- */
.ven-gold-arrow {
width: 9px;
height: 9px;
flex: 0 0 9px;
margin-left: 5px;
transform: none !important;
transition: none !important;
}
.ven-gold-arrow::before {
left: 0;
top: 5px;
width: 8px;
height: 1px;
background: #111111;
transform: rotate(-45deg);
transition: none !important;
}
.ven-gold-arrow::after {
right: 0;
top: 0;
width: 4px;
height: 4px;
background: transparent;
border-top: 1px solid #111111;
border-right: 1px solid #111111;
transition: none !important;
}
}
/* =========================================================
OPTIONAL KEYBOARD ACCESSIBILITY
========================================================= */
.ven-gold-button:focus-visible {
outline: 1px solid rgba(255,255,255,0.95);
outline-offset: 4px;
}
document.addEventListener("DOMContentLoaded", function () {
const button = document.querySelector(".ven-gold-button");
if (!button) return;
/*
* Prevent accidental double-click behavior
* while keeping the normal link navigation.
*/
button.addEventListener("click", function () {
button.classList.add("ven-gold-clicked");
setTimeout(function () {
button.classList.remove("ven-gold-clicked");
}, 400);
});
});
